`

datagrid中load,reload,loadData方法的区别

阅读更多

摘抄至网络

load方法:

比如我已经定义一个datagrid的id为grid,那这个方法的使用方式为 $(“#grid”).datagrid(“load”,{ }); 它的参数为一个json对象,里面写的是你要传输的参数的键值对,调用这个方法来加载数据的时候,它传给后台的分页信息是从第一页开始的。

reload方法:

使用方式也跟load的一样 $(“#grid”).datagrid(“reload”,{ }); 看它的名字应该就可以知道它的做用了,没错,它跟load一样有加载数据功能,也一样的传参数,但它传给后台的分布信息是当前的页码,就是实现刷新当前页的功能。

loadData方法:

这个方法有比较大的不同,首先它加载的本地数据,就是不会跟后台什么的有交互,它的使用方式是 $(“#grid”).datagrid(“loadData”,{ “total”:”30″,rows:[] }); 看到没,它是比较灵活的,可以设置分页信息的,total就是行数嘛,当然你也可以设置它的当前页,而它那个rows属性设的就是你所要加载的行的集合。

分享到:
评论

相关推荐

    JS EasyUI DataGrid动态加载数据

    4. **自定义加载更多功能**: 如果需要自定义加载更多数据的行为,例如添加一个“加载更多”按钮,可以在按钮的点击事件中调用DataGrid的`reload`方法,传递新的页码和每页大小。 ```html ()">加载更多 function ...

    jquery easyui datagrid demo 详解

    通常,我们可以添加一个按钮,点击后弹出对话框让用户输入新数据,然后通过 `reload` 方法更新 Datagrid: ```javascript $('#addBtn').click(function(){ var data = {id: '', name: '', age: ''}; // 弹出...

    easy ui datagrid项目完整源代码

    此外,还有多种方法用于操作 Datagrid,如 `loadData`、`reload`、`appendRow`、`deleteRow` 等。 在源代码中,你可能还会看到对 Datagrid 功能的扩展,如自定义编辑器(editors)、行级操作按钮、复杂的筛选条件等...

    EasyUI-1.Datagrid 数据网格

    使用 `load` 方法可以异步加载数据,同时 `reload` 方法可以重新加载数据。配合 `param` 参数,可以传递额外的请求参数给服务器。 9. **性能优化**: Datagrid 通过延迟加载(`loadFilter`)和虚拟滚动(`...

    jquery-easyui-datagrid

    3. **数据绑定**: 通过 `loadData` 方法或者在初始化时传入 `data` 参数,可以将数据绑定到 datagrid。 4. **操作方法**: `datagrid` 提供了如 `reload`(重新加载数据)、`appendRow`(添加行)、`editRow`(编辑...

    easyui嵌套datagrid

    这可以通过EasyUI的`loadData`或`reload`方法实现,传入对应的子级数据源ID或查询条件。 5. **样式和交互**:最后,可能需要对datagrid的样式进行调整,如折叠图标、展开状态等,以符合整体应用的视觉风格。同时,...

    easyui datagrid 大数据加载效率慢,优化解决方法(推荐)

    在开发Web应用时,使用EasyUI的datagrid组件展示大量数据时,可能会遇到加载效率低下的问题。本文主要探讨如何针对EasyUI datagrid进行性能...在实际项目中,应根据具体情况灵活应用这些方法,以达到最佳的性能效果。

    easyuiDataGrid绑定

    加载数据时,可以使用`load`或`reload`方法,如: ```javascript $('#dg').datagrid({ url: 'get_data.php', columns: [[ {field: 'id', title: 'ID', width: 50}, {field: 'name', title: '姓名', width: 80}...

    详解EasyUi控件中的Datagrid

    Datagrid控件提供了许多实用的方法,例如reload、loadData、sort等。这些方法可以用来控制Datagrid的行为,例如重新加载数据、排序数据等。 在实际应用中,Datagrid控件可以用来展示大量数据,并提供了许多实用的...

    easyui分页

    Ajax请求通常使用jQuery的`$.ajax`或者EasyUI提供的`datagrid`的`loadData`方法: ```javascript $("#studentTable").datagrid({ onLoadSuccess: function(data) { // 数据加载成功后的回调 }, onLoadError: ...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、...

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、...

    jquery_easyUI项目完整版(毕业设计)

    通过设置`data`属性或使用`load`方法加载数据。例如: ```html <div id="tree"></div> $(function(){ $('#tree').tree({ url: 'treeData.json', // 加载数据的URL onClick: function(node){ // 点击节点时触发...

    jquery easyui 1.4 API(帮助文档)

    2. **API方法**:文档详细列出了每个组件的所有可用方法,如datagrid的loadData、reload、resize等,这些方法允许开发者在运行时动态操作组件,实现数据加载、刷新、尺寸调整等功能。 3. **事件处理**:EasyUI提供...

    jQuery EasyUI 1.4 版 API 中文版 (Made By Richie696)

    5. **数据绑定**:EasyUI 支持 JSON 数据格式,可以通过 `data-options` 属性将 JSON 字符串绑定到 HTML 元素上,或者使用 `$(...).datagrid('load', data)` 等方法动态加载数据。 6. **API 方法**:每个组件都有...

    easyui中文API 绝对的中文

    例如,对于`datagrid`,你可以使用`loadData`方法来动态加载数据,`reload`方法进行刷新,以及`onLoadSuccess`事件来处理数据加载成功后的逻辑。`combobox`则有`getValue`和`setValue`方法获取或设置选中值,还有`...

    SYPRO示例项目源码和EasyUI入门视频教程

    第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、...

    jQuery EasyUI 1.3.6 离线简体中文API文档CHM

    3. **API接口**:每个组件都有一系列的方法和属性,如datagrid的loadData、reload、appendRow等,用于操作数据;combobox的setValue、getText、select等,用于控制下拉选项;dialog的open、close、resize等,用于...

    juqery easyui 在asp.net 中应用实例

    ScriptManager.RegisterStartupScript(this, GetType(), "reload", "$('#dg').datagrid('reload');", true); } ``` 总结起来,jQuery EasyUI在ASP.NET中的应用实例主要涉及以下几个方面: 1. 引入jQuery和EasyUI库...

    EasyUI中文api手册和EasyUI中文api.pdf文档

    3. **组件方法**:手册会详细列出组件的公共方法,例如表格的`loadData`用于动态加载数据,`reload`用于重新加载数据,理解并熟练运用这些方法可以实现复杂的交互功能。 4. **事件处理**:EasyUI 组件支持多种事件...

Global site tag (gtag.js) - Google Analytics