過濾一個Dojo DataGrid

我有一個datagrid全部設置，連接到一個XMLStore。當用戶從下拉列表中選擇一個月時，我希望網格只過濾那個月的數據。應該是簡單的，根據每個例子。我無法弄清楚它爲什麼不起作用，也不知道爲什麼IE告訴我dataGrid對象不支持任何方法（filter，sort，setQuery）。過濾一個Dojo DataGrid

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Untitled Page</title> 
    <style type="text/css"> 
     @import "StyleSheet.css"; 
     @import "js/dojotoolkit/dijit/themes/pfga/pfga.css"; 
     @import "js/dojotoolkit/dojo/resources/dojo.css"; 
     @import "js/dojotoolkit/dojox/grid/resources/pfgaGrid.css"; 
    </style> 

    <script src="js/dojotoolkit/dojo/dojo.js" type="text/javascript" djConfig="parseOnLoad: true"></script> 

    <script type="text/javascript"> 
     dojo.require("dojo.parser"); 
     dojo.require("dojox.grid.DataGrid"); 
     dojo.require("dojox.data.XmlStore"); 
     dojo.require("dijit.layout.ContentPane"); 
     dojo.require("dijit.form.FilteringSelect"); 
     dojo.require("dojo.data.ItemFileReadStore"); 

     theMonth = new Date(); 

     var month_name=new Array(12); 
     month_name[0]="January" 
     month_name[1]="February" 
     month_name[2]="March" 
     month_name[3]="April" 
     month_name[4]="May" 
     month_name[5]="June" 
     month_name[6]="July" 
     month_name[7]="August" 
     month_name[8]="September" 
     month_name[9]="October" 
     month_name[10]="November" 
     month_name[11]="December" 

     dojo.addOnLoad(function(){dojo.byId('monthInput').value=month_name[theMonth.getMonth()]}); 

     var eventStore = new dojox.data.XmlStore({url: "events.xml", rootItem: "event", keyAttribute: "dateSort"}); 

     function monthClick() { 
      var ctr, test, rtrn, grid; 

      test = dojo.byId('monthInput').value; 

      for (ctr=0;ctr<=11;ctr++) 
      { 
       if (test==month_name[ctr]) 
       { 
        rtrn = ctr +1; 
       } 
      } 
      eventGrid.filter({month:rtrn}); 
     } 
    </script> 
</head> 
<body class="pfga"> 
    <div id="content" style="width:800px; overflow:visible" dojoType="dijit.layout.ContentPane" region="center" class="pfga"> 
     <div dojotype="dojo.data.ItemFileReadStore" url="months.json" jsID="monthStore"></div> 
     <div id="pagehead" class="Heading1" >Upcoming Range Events - PF&amp;GA</div> 
     <p> 
     <input dojoType="dijit.form.FilteringSelect" store="monthStore" searchAttr="month" name="id" id="monthInput" class="pfga" onChange="monthClick()" /> 
     </p> 
     <table dojoType="dojox.grid.DataGrid" store="eventStore" query="{month:'5'}" class="pfga" style="height:500px" clientSort="false" id="eventGrid" > 
      <thead> 
      <tr> 
       <th field="dateSort" hidden="true">DateSort</th> 
       <th field="date" width="80px">Date</th> 
       <th field="description" width="600">Description</th> 
      </tr> 
      <tr> 
       <th field="time" colspan="3">Details</th> 
      </tr> 
      </thead> 
     </table> 
    </div> 
</body> 
</html>

作爲除此之外，而點擊事件完美的作品，當我嘗試應用在這個頁面的加載，當電網第一次加載它過濾電網的過濾器。

我試圖添加一個過濾器，將它添加到上面創建的現有addOnLoad函數中，我甚至嘗試將我的下拉列表的值替換爲加載時我的網格的起始查詢。

來源

2009-10-01 Morgan Delvanna

你可以讓你的網格從全球範圍訪問通過設置jsId屬性（jsId =「eventGrid」），也可以通過ID找到它：

dijit.byId("eventGrid").filter({month:rtrn});

來源

2009-10-16 09:31:52 ivalkeen

我想你想的id =「eventGrid」讀jsId =「eventGrid」或添加其他屬性爲jsId =「eventGrid」

來源

2009-10-15 18:03:38 Tim

我從道場-interest郵件組收到的答案，並試圖昨晚發佈，但該網站似乎是下降。感謝誰回答 – 2009-10-16 17:53:43

過濾一個Dojo DataGrid

回答

相關問題