使用easyui插件,在使用datagrid时遇到一个问题。
问题描述:有一个框架,左侧是一个树,右侧是根据点击树的节点后加载出来的grid信息。
我在tree的onSelect事件这样写的脚本:
onSelect: function (node) { var p = $('#IndexGrid').datagrid("options").queryParams; p.TableCode = node.id; $('#IndexGrid').datagrid("options").queryParams = p; $('#IndexGrid').datagrid("reload"); },
在切换节点的时候,都正常刷新。
但是我在grid中有一个删除按钮,它是根据grid的选中行来进行删除的,代码如下:
var selData = $('#IndexGrid').datagrid("getSelected"); if (selData != null) { $.messager.confirm("删除信息", "是否确定删除该指标项?", function (b) { });}
一开始我选择树的节点A,A关联的Grid有数据,这个时候选中某一行。
切换到树节点B,B关联的grid没有数据。。。
这个时候执行 var selData = $('#IndexGrid').datagrid("getSelected");
发现selData并不是null,而是刚才A节点关联的grid中选取的那行数据。。。
bug……所以在重新加载的时候执行一下语句:$('#IndexGrid').datagrid("unselectAll");即可