我有一个带有dojox.grid.enhanced.plugins.Filter的dojox.grid.EnhancedGrid和一个dojo.data.ObjectStore中包含的dojo.store.Memory。每当我尝试过滤时,所有记录都将从网格中删除。我收到了“0个0项”的消息。当我点击“清除过滤器”时,网格仍为空。
更新: 情节变粗。似乎只是按列对网格进行排序会清除网格。我想在这里找到一个基本的例子:http://jsfiddle.net/wp64T/4/
答案 0 :(得分:0)
你能提供一个代码片段或jsFiddle吗?如果没有它,我可以提供的最佳猜测是您尝试过滤不存在的商店值,并且您的清除过滤器按钮仅修改文本框,并且不会重新启动过滤器命令来重置它。
编辑:
三个控制台命令:
dijit.byId(“grid”)。filter({name:“A *”}) 将以A开头。
dijit.byId(“grid”)。filter({name:“*”}) 将给出原始结果集(全部)。
dijit.byId(“grid”)。filter({name:“”}) 将清除网格,没有匹配。
我意识到这不是你正在使用的API(dojo.data.ObjectStore),但它应遵循相同的逻辑。我的猜测是你最终试图过滤“”而没有匹配,导致你的零元素网格。如果你想要开始宽度/包含/结束宽度,请忘记星号。
答案 1 :(得分:0)
我有same problem并且只是通过在一些jQuery的帮助下在后台定期运行网格过滤器来设法修复它。这是一些示例代码;希望这有助于其他人遇到此问题。
// ADD JQUERY
<script src="http://code.jquery.com/jquery-latest.js"></script>
// PUT THIS IN THE <HEAD> OF THE PAGE
<script type="text/javascript">
$(document).ready(function() {
function filterTheDataGrid() {
if (dijit.byId("grid") != undefined) {
dijit.byId("grid").filter({color: "Red"});
}
}
// RUN THE filterTheDataGrid FUNCTION EVERY ONE SECOND (1000 MILLISECONDS) //
// LOWER '1000' FOR FASTER REFRESHING, MAYBE TO 500 FOR EVERY 0.5 SECOND REFRESHES //
var refreshDataGrid = setInterval(function() { filterTheDataGrid(); }, 1000);
}
</script>
// PUT THIS IN THE <HEAD> OF THE PAGE
<script type="text/javascript">
// SETUP THE LAYOUT FOR THE DATA //
var layoutItems = [[
{
field: "id",
name: "ID",
width: '5px',
hidden: true
},
{
field: "color",
name: "Color",
width: '80px'
}
]];
// Create an empty datastore //
var storeData = {
identifier: 'id',
label: 'id',
items: []
}
var store3 = new dojo.data.ItemFileWriteStore( {data : storeData} );
</script>
// PUT THIS IN THE <HTML> OF THE PAGE
<div id="grid" dojoType="dojox.grid.DataGrid" jsId="grid5" store="store3" structure="layoutItems" query="{ type: '*' }" clientSort="true" rowsPerPage="40"></div>
<script type="text/javascript">
function addItemToGrid(formdata) {
// THIS FUNCTION IS CALLED BY A DIALOG BOX AND GETS FORM DATA PASSED TO IT //
var jsonobj = eval("(" + dojo.toJson(formData, true) + ")");
var myNewItem = {
id: transactionItemID,
color: jsonobj.color
};
// Insert the new item into the store:
store3.newItem(myNewItem);
store3.save({onComplete: savecomplete, onError: saveerror});
}
</script>