是否有可能在数据网格中筛选dgrid中的数据？如果是这样，怎么样？

Question

我对dojo相对比较陌生，并且已经看到datagrid如何提供一种动态过滤功能，可根据您输入到过滤器文本输入中的内容来减少可见行。我还没有找到任何关于如何使用dgrid来做的例子。如果可以完成，请提供一个示例，或者将我指向提供教程或示例的资源。谢谢！

Answer 1

是的，这是可能的。使用dgrid/OnDemandGrid并定义query函数将返回true或false根据您的逻辑为dojo/store为电网供电的每行。

我准备的例子在的jsfiddle与玩：http://jsfiddle.net/phusick/7gnFd/，所以我不必解释太多：

查询功能：

var filterQuery = function(item, index, items) { 
    var filterString = filter ? filter.get("value") + "" : ""; 

    // early exists 
    if (filterString.length < 2) return true; 
    if (!item.Name) return false; 

    // compare 
    var name = (item.Name + "").toLowerCase(); 
    if (~name.indexOf(filterString.toLowerCase())) { return true;} 

    return false; 
}; 

网格：

var grid = new Grid({ 
    store: store, 
    query: filterQuery, // <== the query function for filtering 
    columns: { 
     Name: "Name", 
     Year: "Year", 
     Artist: "Artist", 
     Album: "Album", 
     Genre: "Genre" 
    } 
}, "grid"); 

Answer 2

我知道这不是所问问题的答案，所提供的答案是高超的，我们使用它很多。

但是，如果您使用TreeGrid（具有“dgrid/tree”插件的列），则此功能似乎不起作用。我已经编写了一些代码来模拟与树网格接受的答案相同的行为。它基本上只是循环访问商店中的商品，并隐藏任何不符合您提出的条件的行元素。以为我会分享它，以防它有助于任何人。这是相当丑陋的，我相信它可以改进，但它的作品。

它基本上使用与phusick的答案相同的概念。您需要观看一个文本框的值，但不是刷新你的网格它调用一个函数：

textBox.watch("value", lang.hitch(this, function() { 
         if (timeoutId) { 
          clearTimeout(timeoutId); 
          timeoutId = null; 
         }; 

         timeoutId = setTimeout(lang.hitch(this, function() { 
          this.filterGridByName(textBox.get('value'), myGrid); 
         }, 300)); 
        })); 

而这里的功能：

filterGridByName: function(name, grid){ 
       try { 
         for (var j in grid.store.data){ 
          var dataItem = grid.store.data[j]; 
          var childrenLength = dataItem.children.length; 
          var childrenHiddenCount = 0; 
          var parentRow = grid.row(dataItem.id); 
          for (var k in dataItem.children){ 

           var row = grid.row(dataItem.children[k].id); 
           var found = false; 
           if (dataItem.children[k].name.toLowerCase().indexOf(name.toLowerCase()) != -1){ 
            found = true; 
           } 
           if (found){ 
            if (row.element){ 
             domStyle.set(row.element, "display", "block"); 
            } 
            if (parentRow.element){ 
             domStyle.set(parentRow.element, "display", "block"); 
            } 
           } else { 
            childrenHiddenCount++; 
            // programmatically uncheck any hidden item so hidden items 
            for (var m in grid.dirty){ 
             if (m === dataItem.children[k].id && grid.dirty[m].selected){ 
              grid.dirty[m].selected = false; 
             } 
            } 
            if (row.element){ 
             domStyle.set(row.element, "display", "none"); 
            } 
           } 
          } 
          // if all of the children were hidden, hide the parent too 

          if (childrenLength === childrenHiddenCount){ 
           domStyle.set(parentRow.element, "display", "none"); 
          } 
         } 
       } catch (err){ 
        console.info("error: ", err); 
       } 
      }