查看: 3402|回复: 5

treegrid有没有tree的api中的filter过滤 [复制链接]

ddaylucifer

注册会员

Rank: 2

电梯直达

楼主

发表于 2016-12-2 15:46:51 |只看该作者 |倒序浏览

如题，我在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();
      }

收藏0

ddaylucifer

注册会员

Rank: 2

沙发

发表于 2016-12-2 15:49:34 |只看该作者

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

dforce

超级版主

Rank: 8 Rank: 8

板凳

发表于 2016-12-3 09:39:23 |只看该作者

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

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

ddaylucifer

注册会员

Rank: 2

地板

发表于 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>
这个是代码，应该是没有问题的吧