jqgrid

百度了下关于力软敏捷框架 jfGrid的教程，基本没有，出来的全是jqGrid。好吧看来只能自己上手了 今天来讲讲列设置属性里数据格式化事件（formatter）的使用 常规的使用方式如上图所示。 先来说说各个参数的意思： cellvalue 当前单元格的数据值，也就是你赋的值是什么就是什么。 row 是当前行的值，这个能获取当前行的各个列的数据。 op 是当前jfGrid初始化的时候所有的设置数据值，就是 $('#id').jfGrid(op) 中的op。这个参数基本用不太到，至少我使用里是这样的。 $cell 单元格的dom 对象，这个就比较有用了，我的很多功能都可以通过它来实现。比方说上图中的例子也可以写成 formatter:function(cellvalue,row,op,$cell){ if(cellvalue){ $cell.text(cellvalue); } else{ $cell.html('<span class=\"label label-danger\">未使用</span>') } } 两个效果是一样的。 通过$cell 还可以来改变单元格的颜色和字体的颜色，比方 $cell.css('background-color','red') / $cell.css('color','red') 最后实现一个设置操作按钮的方法 formatter:

百度了下关于力软敏捷框架 jfGrid的教程，基本没有，出来的全是jqGrid。好吧看来只能自己上手了 今天来讲讲列设置属性里数据格式化事件（formatter）的使用 常规的使用方式如上图所示。 先来说说各个参数的意思： cellvalue 当前单元格的数据值，也就是你赋的值是什么就是什么。 row 是当前行的值，这个能获取当前行的各个列的数据。 op 是当前jfGrid初始化的时候所有的设置数据值，就是 $('#id').jfGrid(op) 中的op。这个参数基本用不太到，至少我使用里是这样的。 $cell 单元格的dom 对象，这个就比较有用了，我的很多功能都可以通过它来实现。比方说上图中的例子也可以写成 formatter:function(cellvalue,row,op,$cell){ if(cellvalue){ $cell.text(cellvalue); } else{ $cell.html('<span class=\"label label-danger\">未使用</span>') } } 两个效果是一样的。 通过$cell 还可以来改变单元格的颜色和字体的颜色，比方 $cell.css('background-color','red') / $cell.css('color','red') 最后实现一个设置操作按钮的方法 formatter:

1、在jqgrid表格中增加列，内容是图标，定义图标单击事件，可以操作这一行的数据，如下图 2、前台代码 <div id="grid_List"> <table id="gridTable" class="datatable"></table> <div id="gridPager"></div> </div> 3、js代码 <script type="text/javascript"> $(document).ready(function () { GetGrid(); //绑定键盘按下事件 $(document).keypress(function (e) { //回车键事件 if (e.which == 13) { $("#keywords").focus(); $("#keywords").select(); $("#btnSearch").click(); } }); }); //加载表格 function GetGrid() { var SelectRowIndx; $("#gridTable").jqGrid({ url: "@Url.Content("~/Vehicle/Vehicle/GridPageListJson")", datatype: "json", mtype: 'POST', height: $(window).height() - 130,

使用jqgrid做一个项目 var page = $("#jqGrid").jqGrid('getGridParam','page'); var postData = $('#jqGrid').jqGrid("getGridParam", "postData"); $("#jqGrid").jqGrid('setGridParam',{ postData:{ 'startAt': vm.q.startAt, 'endAt': vm.q.endAt, 'customer': vm.q.customer, 'productLine': vm.q.productLine, 'projectType': vm.q.projectType, 'project_manager':vm.q.pm }, page:page }).trigger("reloadGrid"); 在参数里面传了多个数据.发现的问题是假如先用一个数据,比如 vm.q.projectType = 1,这样去查询了一次然后再把 vm.q.projectType置为null,这样,还是会传之前的数据1到后台,查了很久的资料,发现原因是这样的.jqgrid会存储上一次请求的数据,如果本次传了,那么就会覆盖.如果为null,那么就会仍然使用上一次的数据,就会早上上面的情况解决方案:每次传以前,把数据给清了修改后的代码 var

原文：https://bbs.csdn.net/topics/392100457?depth_1-utm_source=distribute.pc_relevant.none-task-discussion_topic-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-discussion_topic-BlogCommendFromBaidu-2 如果数据太长，因为ui.jqgrid.css中.ui-jqgrid tr.jqgrow td 设置了white-space: pre;导致数据与表头不对齐 解决方法1： 设置white-space为normal 解决方法2： colModel设置数据的宽度 在火狐中，即便设置了宽度，表头和数据还是不对齐， 解决方法： ui.jqgrid.css 中.ui-jqgrid tr.jqgfirstrow td 设置的样式padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;注释掉就可以了 我的处理方法，在html页面添加style .ui-jqgrid tr.jqgrow td { white-space: normal; } .ui-jqgrid tr

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据 Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据 Web jquery表格组件 JQGrid 的使用 - 全部代码 Web jquery表格组件 JQGrid 的使用 - 11.问题研究 JQGrid导出Excel文件 目录 9.http handler 里的全部代码 10.前端的全部代码 9.http handler 里的全部代码 public class UserHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { //查找 if (context.Request.Params.Get("_search") == "true") {

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据 Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据 Web jquery表格组件 JQGrid 的使用 - 全部代码 Web jquery表格组件 JQGrid 的使用 - 11.问题研究 JQGrid导出Excel文件 目录 开发环境 数据库准备 数据库操作类 用到的实体类 开发环境 jqGrid 4.5.2 visual studio 2013 jquery-1.11.1 MySQL5.5 数据库准备 很简单一个用户表 user,字段 UserId 用户 id 主键，UserName 用户名，Password 密码 CREATE TABLE IF NOT EXISTS ` user` ( `UserId` int(11) NOT

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据 Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据 Web jquery表格组件 JQGrid 的使用 - 全部代码 Web jquery表格组件 JQGrid 的使用 - 11.问题研究 JQGrid导出Excel文件 使用Jqgrid时突然发现 数据类型为local时， datatype: 'local', data:datas,rowNum: 10,rowList: [10], 指定data的datas长度大于rowNum时，pager点击下一页最后一页都是无效的 使用 $(grid)[0].addJSONData(jsongrid); 也一样无效。 搜索发现不少使用 http://stackoverflow.com

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据 Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据 Web jquery表格组件 JQGrid 的使用 - 全部代码 Web jquery表格组件 JQGrid 的使用 - 11.问题研究 JQGrid导出Excel文件 目录 1. 翻页按钮不可用 2. 编辑和删除时传值 3. 一列修改为button 按钮 4. 动态修改url 5.下拉联动效果 6. 使用webservice加载数据 11.问题研究 1. 翻页按钮不可用 Grid 的 loadonce: true, 2. 编辑和删除时传值 Deldata 或editdata delData: { delId: function () { var sel_id = $(grid

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页、搜索、格式化、自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据 Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据 Web jquery表格组件 JQGrid 的使用 - 全部代码 Web jquery表格组件 JQGrid 的使用 - 11.问题研究 JQGrid导出Excel文件 目录 使用翻页pager 增加数据 查看、刷新 查询 排序 8.Pager、新增数据、查询、刷新、查看数据 使用翻页pager 设置jqGrid属性： pager: pager_selector, 需要一个div： <div id="grid-pager"></div> 注意 loadonce: true, 必须设置，否则翻页不可用的。 需要设置pager属性。一个pager上不只有翻页功能，还有6个已定义的按钮