jQuery MiniUI

标题: treegrid有没有tree的api中的filter过滤 [打印本页]

作者: ddaylucifer 时间: 2016-12-2 15:46:51 标题: treegrid有没有tree的api中的filter过滤

如题，我在tree的api中看到了filter过滤方法，那treegird有没有这种方法或者类似的方法，我在treegird中使用了filter方法，过滤后就是空白
mini.parse();
            var txts = mini.get("onsearch").getValue;
var trees = mini.get("JKEC_PS_ImageData_UnitProject");
//var treeid = '1';
      function onNameFilterChanged() {
         if (txts == "") {
            trees.clearFilter();
         } else {
            trees.filter(function (node) {
                  var text = node.text ? node.text.toLowerCase() : "";
                  if (text.indexOf(txts) != -1) {
                     return true;
                  }
            });
         }
         }

      function onKeyEnter() {
         onNameFilterChanged();
      }

作者: ddaylucifer 时间: 2016-12-2 15:49:34

我在treegrid的demo看到有个PagerTree，里面有个筛选的，但是用在treegrid上没有任何效果，就只是刷新了一下

作者: dforce 时间: 2016-12-3 09:39:23

ddaylucifer 发表于 2016-12-2 15:49
我在treegrid的demo看到有个PagerTree，里面有个筛选的，但是用在treegrid上没有任何效果，就只是刷新了一 ...

treegrid有tree的filter方法，一样的使用
你的代码里有不对吧

作者: ddaylucifer 时间: 2016-12-5 10:03:06

dforce 发表于 2016-12-3 09:39
treegrid有tree的filter方法，一样的使用
你的代码里有不对吧

<!DOCTYPE html>
<html lang="zh">
<div class="portlet blue box" style="height: 100%">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i>分部分项
<input id="onsearch" class="mini-textbox"  style="width:150px;position:relative;left:50px;" onenter="onKeyEnter"/>
<a class="mini-button blue" onclick="onNameFilterChanged()" style="position:relative;left:50px;"><i class="fa fa-search-plus"></i>查询</a>
</div>
</div>
<div class="mini-fit">
<div class="portlet-body" style="height:100%">
<div id="JKEC_PS_ImageData_UnitProject" class="mini-treegrid" style="height: 100%;" showtreeicon="false" treeColumn="BaseDataCode" idField="Id" parentField="ParentId" resultAsTree="false" allowResize="true" allowCellEdit="true" allowCellSelect="true" expandOnLoad="true">
<div property="columns">
<div name="BaseDataCode" field="BaseDataCode" width="40%">类型</div>
<div name="BaseDataName" field="BaseDataName" width="45%">名称</div>
<div name="PicCount" field="PicCount" width="15%">图片数量</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
mini.parse();
            var txts = mini.get("onsearch").getValue;
var trees = mini.get("JKEC_PS_ImageData_UnitProject");
//var treeid = '1';
      function onNameFilterChanged() {
         if (txts == "") {
            trees.clearFilter();
         } else {
            trees.filter(function (node) {
                  var text = node.text ? node.text.toLowerCase() : "";
                  if (text.indexOf(txts) != -1) {
                     return true;
                  }
            });
         }
         }

      function onKeyEnter() {
         onNameFilterChanged();
      }
</script>
</body>
</html>
这个是代码，应该是没有问题的吧

作者: felt 时间: 2016-12-5 11:13:51

ddaylucifer 发表于 2016-12-5 10:03
分部分项

查询

你的treegrid数据里面有text字段？

作者: ddaylucifer 时间: 2016-12-5 14:29:09

felt 发表于 2016-12-5 11:13
你的treegrid数据里面有text字段？

...谢谢版主，我发现原因了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)