`
zengshaotao
  • 浏览: 786814 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

手动触发并加载表格数据

 
阅读更多

一般的,一个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实现滚动表格数据展示

    "利用JS+CSS实现滚动表格数据展示"是一个常见的需求,它可以帮助用户逐行浏览大量的信息,而无需手动调整窗口大小。下面将详细介绍如何通过JavaScript(JS)和层叠样式表(CSS)来实现这一功能。 首先,我们需要...

    TableLayout,实现动态添加和删除行,并实现统计表格中的数据

    统计表格数据涉及到对每个单元格的遍历和计算。首先,需要获取TableLayout的所有子视图,然后逐个遍历这些子视图,如果是TableRow,再遍历其内部的View。对于TextView,可以转换其内容为数值并进行加总。例如,如果...

    vue+layui实现select动态加载后台数据的例子

    为了解决这个问题,将vue数据加载完成后的渲染操作改为手动,即通过`layui.use`确保layuiform在vue渲染完成后进行渲染。 ### 代码解析 - `<div id="demo" class="layui-inline layui-form" lay-filter="test2">`:...

    js生成动态表格并为每个单元格添加单击事件的方法

    动态生成的好处在于,表格的行数和列数可以根据数据动态变化,不再需要手动编写和修改代码,极大地提高了开发效率和灵活性。 ### 单元格的单击事件 事件是编程中的一种机制,允许代码在特定情况下自动执行。在Web...

    Layui框架表格数据自动分页插件.zip

    本话题主要聚焦于Layui框架中的表格数据自动分页插件,该插件通过扩展`nicePage.js`来实现。 首先,我们要理解什么是分页。在处理大量数据时,一次性加载所有数据可能会导致页面加载速度变慢,甚至影响用户体验。...

    读取xml生成表格 还可以实现无刷新更新数据

    通过AJAX,前端可以向服务器发送异步请求,获取XML数据,然后在后台解析并更新表格,而不会重新加载整个页面。XMLHttpRequest对象或者现代浏览器提供的fetch API都可以用来实现这种通信。 具体步骤如下: 1. 监听...

    Layui给数据表格动态添加一行并跳转到添加行所在页的方法

    #### Layui数据表格数据源处理 Layui的数据表格在渲染时依赖于后端返回的数据。这些数据可以是直接通过JavaScript在前端定义的一个对象数组,也可以是通过异步请求从服务器获取的JSON对象。Layui默认支持的JSON对象...

    GridView中手动分页显示数据和数据导出功能代码

    在这个主题中,我们主要关注如何实现手动分页显示数据以及添加数据导出功能。 1. **GridView手动分页**: 手动分页意味着不使用控件内置的自动分页功能,而是通过代码控制数据的分页逻辑。首先,你需要计算每一页...

    Android应用源码之自定义表格自动刷新数据.zip

    3. **手动触发刷新**:用户操作后或后台任务完成时,可以调用`Adapter`的`notifyDataSetChanged()`或自定义表格的刷新方法来更新视图。 4. **利用异步加载**:对于网络请求或耗时操作,通常使用`AsyncTask`、`...

    Excel2021自动添加表格字段标题功能.docx

    在Excel 2021中,自动添加表格字段标题是一项非常实用的功能,它极大地提高了用户在处理表格数据时的工作效率。这项功能使得用户无需手动创建和调整标题,只需要专注于输入重要数据,Excel会自动识别并生成合适的...

    使用Excel2021自动添加表格字段标题功能.docx

    在Excel 2021中,自动添加表格字段标题是一项非常实用的功能,它极大地提高了处理表格数据的效率。这项功能允许用户在输入新数据时,系统自动为新列创建并设置合适的标题,无需手动操作。以下是对这个功能的详细解释...

    【JavaScript源代码】vue列表数据删除后主动刷新页面及刷新方法详解.docx

    Vue Router的`router.go(0)`和`window.location.reload()`方法虽然可以刷新页面,但前者只是导航到当前路由,不会触发重新渲染,而后者则会完全重新加载页面,这并不是我们想要的结果。 为了解决这个问题,Vue提供...

    Layui树形表格.rar

    这意味着只有在用户滚动到某个节点或者手动展开节点时,才会请求并加载该节点及其子节点的数据,而不是一次性加载所有数据。 2. **复选框联动(半选)**:在多选操作中,Layui树形表格提供了复选框功能,支持全选、...

    LabVIEW表格列宽自动调节.rar

    - 当数据更新或表格加载时,触发该事件,然后在事件处理程序中调用上述API函数进行列宽的计算和设置。 - 这种方法的优点是响应实时,但需要对LabVIEW的事件驱动编程有深入理解。 3. **数据绑定**: - 如果数据源...

    easyui-表格拖动的实现

    在"easyui-表格拖动的实现"这个主题中,我们将深入探讨如何利用 EasyUI 的功能实现表格数据的拖放操作(Drag and Drop,简称DND)。 1. **EasyUI 的 Drag and Drop 功能**: EasyUI 支持 DND,允许用户通过鼠标...

    非DB的cxGrid主从表格

    MasterSource指向主表格的数据源,MasterField则指定触发从表格刷新的主表字段。 5. **处理数据**:在代码中,你需要处理数据加载、更新和保存的过程。例如,当主表的数据发生变化时,根据MasterField的值加载或...

    表格加滚动条

    5. **API接口**:提供编程接口,方便开发人员在需要时控制滚动条的行为,如手动触发滚动、锁定特定位置等。 6. **性能优化**:为了保证在大数据量下的性能,插件可能采用虚拟滚动技术,只渲染可视区域内的表格内容...

    易语言高级表格置累加公式和置计算公式应用

    在易语言中,我们可以直接在表格中添加、修改和删除行或列,还可以设置单元格样式,使其具有更丰富的视觉效果。 “置累加公式”是指在表格中设置一个能够自动累加相邻单元格数值的公式。例如,在一个记录销售额的...

    jquery scrollpagination实现的前台数据滚动加载,费了很大劲啊

    在我们的案例中,jQuery将用于监听滚动事件并触发数据加载。 实现jQuery ScrollPagination的第一步是引入jQuery库和ScrollPagination插件的脚本文件。在`index.html`中,你需要确保已经包含了这两个文件。一般情况...

    直接在DataGridView表格中修改数据(2.0)

    本知识点将深入探讨如何直接在`DataGridView`表格中实现数据的修改功能。 1. **DataGridView简介** `DataGridView`是Windows Forms中用于显示和编辑网格数据的控件,它提供了丰富的功能,包括排序、分页、过滤等,...

Global site tag (gtag.js) - Google Analytics