一般的,一个jqGrid的基本属性有一下几个常用的。
$("#id").jqGrid({
url: "",
datatype: "local",
postData: { strJson: Data },
mtype: "post",
height: 45,
width: 450,
rowNum: rum, //每页的记录数
pgtext: "第{0}页 共{1}页",
pgbuttons: true,
autoheight: true,
rownumbers: false, // 是否显示行数
pgbuttons: true, // 分页按钮是否显示
pginput: true, // 是否允许输入分页页数
scrollrows: false, // 是否显示行滚动条
viewrecords: true, // 是否显示总记录数
multiselect: true, // 是否显示复选框
recordpos: "left", // 记录数显示位置
sortorder: "asc", //排序方式
pager: "#Pager"
)}
在初始化的时候,若不想执行表格的初始化方法,则需要设置url为空,datatype设置为"local",否则会有js错误,导致页面上的button按钮不起作用。
如果需要在开始时候执行表格的初始化,则需要设置url的值,在.net mvc架构下,即“/controller/action/”这样的格式,第一个"/"是必须的,否则不能进入后台的action中,最后一个“/”好像不是必需的,一般都加上。在设置了url后,还要注意的问题就是datatype要与postData的数据类型相匹配,否则会有错误。例如datatype:"json",那么postData需要传的是json对象。
如果想动态的执行表格的初始化,那么刚开始可以不用设置url值,datatype设置为"local"(否则报错)。然后动态的触发jqGrid的初始化action。
比如,在一张表中双击后后触发,代码如下:
//双击行事件
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //设置表格的url
datatype: "json", //设置数据类型
postData: { strJson: courseData }
});
相关推荐
"利用JS+CSS实现滚动表格数据展示"是一个常见的需求,它可以帮助用户逐行浏览大量的信息,而无需手动调整窗口大小。下面将详细介绍如何通过JavaScript(JS)和层叠样式表(CSS)来实现这一功能。 首先,我们需要...
统计表格数据涉及到对每个单元格的遍历和计算。首先,需要获取TableLayout的所有子视图,然后逐个遍历这些子视图,如果是TableRow,再遍历其内部的View。对于TextView,可以转换其内容为数值并进行加总。例如,如果...
为了解决这个问题,将vue数据加载完成后的渲染操作改为手动,即通过`layui.use`确保layuiform在vue渲染完成后进行渲染。 ### 代码解析 - `<div id="demo" class="layui-inline layui-form" lay-filter="test2">`:...
动态生成的好处在于,表格的行数和列数可以根据数据动态变化,不再需要手动编写和修改代码,极大地提高了开发效率和灵活性。 ### 单元格的单击事件 事件是编程中的一种机制,允许代码在特定情况下自动执行。在Web...
本话题主要聚焦于Layui框架中的表格数据自动分页插件,该插件通过扩展`nicePage.js`来实现。 首先,我们要理解什么是分页。在处理大量数据时,一次性加载所有数据可能会导致页面加载速度变慢,甚至影响用户体验。...
通过AJAX,前端可以向服务器发送异步请求,获取XML数据,然后在后台解析并更新表格,而不会重新加载整个页面。XMLHttpRequest对象或者现代浏览器提供的fetch API都可以用来实现这种通信。 具体步骤如下: 1. 监听...
#### Layui数据表格数据源处理 Layui的数据表格在渲染时依赖于后端返回的数据。这些数据可以是直接通过JavaScript在前端定义的一个对象数组,也可以是通过异步请求从服务器获取的JSON对象。Layui默认支持的JSON对象...
在这个主题中,我们主要关注如何实现手动分页显示数据以及添加数据导出功能。 1. **GridView手动分页**: 手动分页意味着不使用控件内置的自动分页功能,而是通过代码控制数据的分页逻辑。首先,你需要计算每一页...
3. **手动触发刷新**:用户操作后或后台任务完成时,可以调用`Adapter`的`notifyDataSetChanged()`或自定义表格的刷新方法来更新视图。 4. **利用异步加载**:对于网络请求或耗时操作,通常使用`AsyncTask`、`...
在Excel 2021中,自动添加表格字段标题是一项非常实用的功能,它极大地提高了用户在处理表格数据时的工作效率。这项功能使得用户无需手动创建和调整标题,只需要专注于输入重要数据,Excel会自动识别并生成合适的...
在Excel 2021中,自动添加表格字段标题是一项非常实用的功能,它极大地提高了处理表格数据的效率。这项功能允许用户在输入新数据时,系统自动为新列创建并设置合适的标题,无需手动操作。以下是对这个功能的详细解释...
- 当数据更新或表格加载时,触发该事件,然后在事件处理程序中调用上述API函数进行列宽的计算和设置。 - 这种方法的优点是响应实时,但需要对LabVIEW的事件驱动编程有深入理解。 3. **数据绑定**: - 如果数据源...
Vue Router的`router.go(0)`和`window.location.reload()`方法虽然可以刷新页面,但前者只是导航到当前路由,不会触发重新渲染,而后者则会完全重新加载页面,这并不是我们想要的结果。 为了解决这个问题,Vue提供...
这意味着只有在用户滚动到某个节点或者手动展开节点时,才会请求并加载该节点及其子节点的数据,而不是一次性加载所有数据。 2. **复选框联动(半选)**:在多选操作中,Layui树形表格提供了复选框功能,支持全选、...
在"easyui-表格拖动的实现"这个主题中,我们将深入探讨如何利用 EasyUI 的功能实现表格数据的拖放操作(Drag and Drop,简称DND)。 1. **EasyUI 的 Drag and Drop 功能**: EasyUI 支持 DND,允许用户通过鼠标...
MasterSource指向主表格的数据源,MasterField则指定触发从表格刷新的主表字段。 5. **处理数据**:在代码中,你需要处理数据加载、更新和保存的过程。例如,当主表的数据发生变化时,根据MasterField的值加载或...
5. **API接口**:提供编程接口,方便开发人员在需要时控制滚动条的行为,如手动触发滚动、锁定特定位置等。 6. **性能优化**:为了保证在大数据量下的性能,插件可能采用虚拟滚动技术,只渲染可视区域内的表格内容...
在易语言中,我们可以直接在表格中添加、修改和删除行或列,还可以设置单元格样式,使其具有更丰富的视觉效果。 “置累加公式”是指在表格中设置一个能够自动累加相邻单元格数值的公式。例如,在一个记录销售额的...
在我们的案例中,jQuery将用于监听滚动事件并触发数据加载。 实现jQuery ScrollPagination的第一步是引入jQuery库和ScrollPagination插件的脚本文件。在`index.html`中,你需要确保已经包含了这两个文件。一般情况...
本知识点将深入探讨如何直接在`DataGridView`表格中实现数据的修改功能。 1. **DataGridView简介** `DataGridView`是Windows Forms中用于显示和编辑网格数据的控件,它提供了丰富的功能,包括排序、分页、过滤等,...