`
liqian5251
  • 浏览: 17228 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jqGrid 与esayUI的datagrid 注意事项

 
阅读更多
tip1:二者都是每当刷新页面时就会发送给服务器一个Ajax请求,请求包含了page(当前页)rows(当前页的记录数)两个参数。
tip2:它对服务器返回的数据要求
datagrid与服务器进行交互格式
datagrid对于服务器返回的数据可以自动进行显示,但对于服务器返回的数据是有要求的。
必须是JSON字符串
JSON字符串必须遵循下面的格式,已该程序为例,服务器返回的JSON字符串必须是以下格式。
{
total: 35,
rows:[
{jobId:1,jobName:”T1” , jobType:0 , jobLevel:0 , validDate : “2013-04-20”},
{jobId:2,jobName:”T2” , jobType:0 , jobLevel:0 , validDate : “2013-04-20”},
{jobId:3,jobName:”T3” , jobType:0 , jobLevel:0 , validDate : “2013-04-20”}
]
}
这个total是总的记录数,而jqGrid的total是总的页数。
jqGrid要求服务器返回的响应如下
{
“total”:1, //总页数
“page”:1, //当前第几页
“rows”:[ //当前页数据
{ "birthday":"2014-07-11","sex":"男","nativeplace":"北京",
"name":"齐毅","idcard":"130102198405300011"
},
{
"birthday":"2014-07-11","sex":"男","nativeplace":"北京-朝阳区",
"name":"齐毅","idcard":"130102198405300011"}
]}

分享到:
评论

相关推荐

    jQuery网格插件 jqGrid jQuery Data Grid

    jqGrid可以很好地与jQuery UI和其他jQuery插件集成,如使用jQuery UI的对话框实现编辑和删除操作。同时,由于jqGrid基于jQuery,因此可以方便地与其他jQuery插件和库配合使用。 **五、jqGrid的版本与社区支持** ...

    jqGrid5.X 官方全Demo下载

    jqGrid 是一个强大的 jQuery 插件,用于在网页上创建、操作和展示数据表格。它提供了丰富的功能,如数据分页、排序、过滤、编辑和更多。本资源为 jqGrid5.X 的官方全Demo下载,包含中文文档和离线演示,用户可以在...

    jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

    在jQuery EasyUI中,`datagrid`是一个非常常用的组件,用于展示和管理表格数据。本教程主要讲解如何在`datagrid`加载或查询数据时,如果没有任何匹配的记录,如何自定义显示提示信息,而不是呈现空的表格。这有助于...

    JqGrid插件+JqGridDemo+JqGrid主题

    3. 排序与筛选:用户可以通过点击表头进行列排序,同时JqGrid还提供了高级的筛选功能,如条件筛选、多条件组合筛选等。 4. 编辑功能:JqGrid支持行内编辑、弹出式编辑和表单编辑等多种模式,方便用户对表格数据进行...

    解决vue中无法动态修改jqgrid组件 url地址的问题

    这里的`#accountGrid`是jqGrid的DOM选择器,确保它与你在HTML中创建jqGrid时使用的ID匹配。 2. **触发`reloadGrid`事件**: 修改了参数后,我们需要告诉jqGrid重新加载数据。这可以通过触发`reloadGrid`事件来...

    jqgrid +bootstrap4.0 直接使用

    将 jqGrid 与 Bootstrap 4 结合使用,可以创建美观且功能丰富的数据网格,适用于各种设备。 标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例,集成了 Bootstrap 4 的...

    jqGrid与Struts2的结合应用_操作Grid数据

    在本文中,我们将深入探讨如何将 jqGrid 与 Struts2 结合使用,以及 jqGrid 的一些核心方法。 在 Struts2 框架中,jqGrid 可以作为前端展示大量数据的有效工具,同时提供分页、排序、过滤等高级功能。要实现 jqGrid...

    jqgrid中文文档API

    jQgrid使用ajax来实现对请求与响应的处理。 皮肤 从3.5版本开始,jQgrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你也可以编辑自己的theme。jQgrid也...

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...

    jqGrid与Sturts2的结合例子

    6. **注意事项** - JSON序列化与反序列化:确保Struts2的JSON插件正确配置,以便Action能正确地序列化对象为JSON。 - 安全性:考虑到前端直接与后台交互,要防止XSS、CSRF等攻击,使用Struts2的安全特性。 - 错误...

    jqGrid 4.6和4.7版本

    3. **服务器分页**:jqGrid允许设置分页功能,与服务器交互时只请求和显示当前页数据,减轻了服务器负载和提高了页面加载速度。 4. **排序功能**:用户可以通过点击列头对数据进行升序或降序排序,jqGrid会自动向...

    jqGrid4.6完整包

    8. **与其他库的集成**:jqGrid 可以与 jQuery UI、Bootstrap 等前端框架良好配合,提供一致的用户体验。 9. **自定义功能**:jqGrid 的强大之处在于其高度可定制性,开发者可以通过编写插件或扩展其 API 来实现更...

    jqGrid_api中文文档

    通过这些知识点,我们可以了解到jqGrid不仅是一个用于展示数据的表格,它还包含丰富的功能,包括与服务器端的数据交互、客户端的动态渲染和用户交互处理等。开发者可以利用这些功能快速构建功能强大的Web界面,尤其...

    jqgrid行编辑+动态为其他列赋值

    在IT行业中,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型Web应用程序,特别是用于展示和操作表格数据。jqGrid提供了丰富的功能,包括排序、筛选、分页以及行编辑等。在本例中,我们将深入探讨如何实现...

    pythongrid:适用于Python Flask Web框架的简单datagrid

    pythonGridpythonGrid是为连接到关系数据库(例如Postgres或MySql / MariaDB数据库)的Python Web框架创建完全可用的数据网格的简便方法。 当前仅支持框架。 即将有更多的框架支持。要求Python 3.6(即将提供3.7、...

    jqGrid中文文档.doc

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和 jQuery 知识,因为 jqGrid 是构建在 jQuery 库之上的。jQuery 提供了简便的...

    jqGrid4.8.2 jqgrid_demo40

    jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...

    jquery.jqgrid最新版

    二、jqGrid基本结构与配置 1. 基本HTML结构:在页面上创建一个表格元素,设置id属性,jqGrid会据此初始化表格。 ```html <table id="jqGrid"> <div id="jqGridPager"></div> ``` 2. 初始化jqGrid:通过JavaScript...

    jqGrid demo (完整版)

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作大量结构化数据。这个"jqGrid demo (完整版)"提供了一个全面的示例,可以帮助开发者更好地理解和应用 jqGrid,无论是在 PHP 或 JSP 环境中。 1....

    jqGrid4.6.0 jqgrid_demo40

    jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...

Global site tag (gtag.js) - Google Analytics