Фильтрация Dojo DataGrid - PullRequest
Новая
       14

Фильтрация Dojo DataGrid

1 голос
/ 02 октября 2009

У меня есть настроенная сетка данных, подключенная к XMLStore. Когда пользователь выбирает месяц из выпадающего списка, я хочу, чтобы сетка фильтровала только данные за месяцы. Должно быть просто и в соответствии с каждым примером это так. Я не могу понять, почему это не работает, и почему IE говорит мне, что ни один из методов (filter, sort, setQuery) не поддерживается объектом 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>

В дополнение к этому, хотя событие click работает отлично, когда я пытаюсь применить фильтр к загрузке этой страницы, при первой загрузке сетки она не фильтрует сетку.

Я попытался добавить фильтр OnOnLoad, добавить его в существующую функцию addOnLoad, которую я создал выше, и я даже пытался подставить значение моего раскрывающегося списка в начальный запрос моей сетки во время загрузки.

Ответы [ 2 ]

2 голосов
/ 16 октября 2009

Вы можете сделать вашу сетку доступной из глобальной области, установив атрибут jsId (jsId = "eventGrid"), или вы можете найти ее по id: 

dijit.byId("eventGrid").filter({month:rtrn});
0 голосов
/ 15 октября 2009

Я думаю, вы хотите, чтобы id = "eventGrid" читал jsId = "eventGrid" или добавил другой атрибут для jsId = "eventGrid"

...