jquery easyui datagrid 加载成功，选中某一行

Question

jquery easyui datagrid 重新加载成功，选中某一行。代码如下：
$('#dg').datagrid('reload',{onLoadSuccess:function(data){
$('#dg').datagrid('selectRow',3);
}});
为什么这样无法选中？而且那个loading条一直在那转。。。急急急

Answer 1

你好！！

jquery easyui datagrid中的 reload 不是这样用的~

1.首先你需要设置datagrid的onLoadSuccess
$('#dg').datagrid({onLoadSuccess : function(data){
    $('#dg').datagrid('selectRow',3);
}});

2.onLoadSuccess如果是通过 data-options的方式设置的没问题，如果通过js脚本设置的话，
需要保证在loadData之前绑定这个事件函数，类似下面这样
$('#dg').datagrid({"onLoadSuccess":function(data){
    $(this).datagrid('selectRow',3);
}}).datagrid("loadData",XXXXX);
否则在加载数据之后，可能不会去执行onLoadSuccess里面的代码；

3.reload方法重新加载当前页面数据
$('#dg').datagrid("reload");

至于loading一只显示，说明你的数据应该没有加载成功吧··

希望对你有帮助！！

Answer 2

jquery easyui datagrid中的 reload 不是这样用的。

1.你需要设置datagrid的onLoadSuccess$('#dg').datagrid({onLoadSuccess : function(data){    $('#dg').datagrid('selectRow',3);}}); 2.onLoadSuccess如果是通过 data-options的方式设置的没问题，如果通过js脚本设置的话，需要保证在loadData之前绑定这个事件函数，类似下面这样$('#dg').datagrid({"onLoadSuccess":function(data){    $(this).datagrid('selectRow',3);}}).datagrid("loadData",XXXXX);否则在加载数据之后，可能不会去执行onLoadSuccess里面的代码； 3.reload方法重新加载当前页面数据$('#dg').datagrid("reload");

至于loading一只显示，说明你的数据应该没有加载成功。

扩展资料：

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、 panel（面板）、combo（下拉组合）等等。 用户可以组合使用这些组件，也可以单独使用其中一个。

jQuery EasyUI为提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。

jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。

jQuery EasyUI有以下特点：

1、基于jquery用户界面插件的集合

2、为一些当前用于交互的js应用提供必要的功能

3、EasyUI支持两种渲染方式分别为javascript方式（如：$('#p').panel({...})）和html标记方式（如：class="easyui-panel"）

4、支持HTML5（通过data-options属性）

5、开发产品时可节省时间和资源

6、简单，但很强大

7、支持扩展，可根据自己的需求扩展控件

8、目前各项不足正以版本递增的方式不断完善

参考资料：jQueryEasyUI_百度百科