jqGrid 常用总结 -1

【jqGrid 常用总结 -1】的更多相关文章

这篇文章是因为,我们在做的后台项目,里面有大量的表格统计,这个不可能自己手写,所以其中的表格使用的是jqgrid. 这个插件其实使用起来还是不错的,里面有很多的功能很赞.这篇博客就是自己的的一个记录,也是对以后项目的一个参考.因为有一些代码总是记不住. 首先就是引入这个插件所需要的js和css了,这个相信大家都不陌生,这个插件是基于jq的所以之前要引入jq,这个不详细的赘述了.然后就是他的基本结构,很简单,就是一个两个标签,一个是表格的内容,一个是翻页功能. <div class="jqG…

jqGrid 常用总结 -2

这次的总结是针对于一次bug,先说下我们遇到的问题,就是后台人员告诉我们添加数据到100条数据的时候,101条就看不到,当时我觉得就是没有分页的原因,所以我就以为在jqgrid中设置一个loadonce就行了.这样设置之后,确实可以翻页了.但是等到翻到第二页的时候,我们的数据有很多报错了,全是underfind,这个时候就可以看出来是formatter这个没有起作用,然后我研究了好久,确实没有找到有用的方法,(如果大家有办法的话,可以给我留言)那只能曲线救国了. 就是使用jquery的ajax请…

jqGrid常用属性和方法介绍

jqGrid API中文手册:http://blog.mn886.net/jqGrid/ 一.jqGrid属性: width:Grid的宽度,如果未设置,则宽度应为所有列宽的之和:如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置. height : Grid的高度,可以接受数字.%值.auto,默认值为150.shrinkToFit:此选项用于根据width计算每列宽度的算法.默认值为true.如果shrinkToFit为true且设置了width值,则每列宽度会根…

jqgrid常用操作

.jqgrid控件列在需要的地方加上edittable=true <asp:JQGrid runat=" DataUrl="/ccr/CcrCompanyPromoterManage.aspx?_method=search" ShowPage="false"> <columns> <asp:JQGridColumn DataField="Id" PrimaryKey="true" Vis…

JQuery插件之【jqGrid】常用语法整理

jqGrid常用语法整理,包含数据获取.常用函数.触发事件等 jqGrid表格数据获取相关语法获取表格所有数据 $("#grid").jqGrid("getRowData"); 根据行id获取表格单行数据 $("#grid").jqGrid("getRowData", rowid); 获取选中单行记录 $("#grid").jqGrid("getGridParam", "se…

jqGrid使用经验分享（一）——jqGrid简单使用、json格式和jsonReader介绍

广大的读者朋友们大家好,很高兴又可以在博客中和大家分享我的开发经验了. 此次,我准备向大家介绍一个非常好用的jQuery表格插件——jqGrid. 如果您在实际项目中遇到web端表格展示功能的需求,又不知道到底该使用那种技术实现时,jqGrid绝对是您的不二之选. 如果您已经决定使用jqGrid技术完成项目中表格展示功能,又苦于没有详细的使用说明迟迟不能实际开发时,本系列博客绝对是您的不二之选. 本篇博客将为大家介绍一下内容: jqGrid简单使用: jqGrid常用选项具体含义简介: jqGr…

jqGrid 最常用的属性和事件，供平时参考（转）

[html] <html> ... <table id="list1"></table> <div id="pager1"></div> ... <table id="list5"></table> <div id="pager5"></div> <br /> <a href="#"…

jqGrid合并表头

jqGrid是一款常用的制表软件,最近开发刚好用到.记录一下常用功能留着以后查找顺便发扬一下开源精神. 二级表头是一种经常会碰到的需求,很多时候为了方便查找需要在原有的表头上再加一层,区分表格不同列的功能.实现方法非常简单,代码上写了注释一看就懂. 代码: //合并表头 girdId grid表格的id $("#gridId").jqGrid("setGroupHeaders", { useColSpanStyle : true ,//没有表头的列是否与表头所在行的…

jqGrid的autoencode参数设置为true在客户端可能引发的编码问题

不久前使用jqGrid+MVC做过一段时间开发. 一开始,分页参数几乎都是默认值,jqGrid的分页功能很好用. 考虑到each input is evil,我们的系统对安全性又有较高要求,所以,为了保证输入和输出都比较可靠,找了一下网上的资料,发现autoencode参数能满足需求. By the way,参考了很多关于jqGrid使用的中文参考文章,大部分都只说是对url进行编码,讲的很不明确,后面还会对我排查问题造成不小的干扰. 除了分页之外,我们还需要在列表的最后一列加上操作列,实现诸如…

Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法

系列索引 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.查询数据.编辑数据.删除数据…

ASP.NET中使用JqGrid完整实现

文章提纲介绍 & 使用场景 JqGrid的一些说明 JqGrid和ASP.NET整合详细步骤前置准备框架搭建数据填充数据增/删/改其他介绍&使用场景 JqGrid不是一个新鲜玩意,已经是一个久经证明的开源数据显示控件了. 园子里也有一些介绍文章,为什么还要写这篇文章呢? 因为还找不到可以完整讲述JqGrid集成的文章,我指的是从头至尾的完整的讲述,而不是其中一些片段或介绍一些参数. 正好在看到一篇文章完整的讲述了这个步骤: http://www.codeproject.com…

jqGrid APi 详解

jqGrid APi 详解 jqGrid皮肤从3.5版本开始,jqGrid完全支持jquery UI的theme.我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme.当然,你也可以编辑自己的theme.jqGrid 也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可,文件位于目录development-bundle/themes下. jqGrid原理 jqGrid是典…

Jqgrid学习API

JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/ ui.jqgrid.css …

JQGrid 学习1

这几天一直在学习基于MVC的JQGrid. 记得刚毕业时候做web最头疼的就是GridView,各种分页查询删除,后来学习了Ajax,使用的jqury UI框架ligerui给公司做ERP系统,再后来看到前辈用的JQgrid,决定拿来学习下,并且想跟以前用过的技术做一个对比. JQGrid很好上手,但是里面有很多规则记起来比较头疼. 1.下载文件下载jqGrid的软件包,目前最新版本为4.4.1 下载地址为:http://www.trirand.com/blog/?page_id=6 下载jQ…

【转】jqGrid 各种参数详解

[原文]http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.htmljqGrid 各种参数详解 JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安…

[转]jqGrid 属性、事件全集

本文转自:http://blog.csdn.net/rosanu_blog/article/details/8334070 以下是jqGrid 最常用的属性和事件,经过一段时间的整理,终于弄的差不多了.版权所有,转载请注明出处,向您的厚道致敬!谢谢! <script type="text/javascript"> var lastsel; jQuery().ready(function () { //父Grid(主Grid) jQuery("#list1"…

JQGrid 参数、属性API

JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/ ui.jqgrid.css …

jqGrid通用编辑规则

一个将数据显示在grid中主要的原因是为了快速容易的编辑它,jqGrid支持3种编辑方法 jqGrid单元格编辑配置,事件及方法::编辑表格中的单元格 jqGrid行编辑配置:同时编辑一行中的多个单元格 jqGrid表单编辑配置:在grid外部的表单中编辑数据行安装在下载管理中每个模块有它自己的要求,但是不管哪个模块,都要勾选通用模块(common module).下载地址:http://www.trirand.com/blog/?page_id=6 开发者可以从src目录中找到grid.c…

jqGrid使用记录

一.要引用的文件要使用jqGrid,首先页面上要引入如下css与js文件. 1.css <link href="/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 2.js <script src='/Scripts/js/jquery-2.0.3.min.js' type="text/javascript"></script>…

常用js，css文件统一加载方法，并在加载之后调用回调函数

原创内容,转载请注明出处! 为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在“sourceController.js”文件内. /** * Created by MingChen on 2016/11/3. */ function sourceController() { this.root = ""; this.callfunc = null; // 回调函数 this.css = [];…

jqGrid学习笔记（二）

本节介绍jqGrid其他的使用方法,主要是一些基本操作,特殊的数据显示等. 1 刷新jqGrid数据. 常用到刷新jqGrid数据的情况是,在用到查询的时候,根据查询条件,请求数据,并刷新jqGrid表格,使用方式如下: $("#search_btn").click(function(){ //此处可以添加对查询数据的合法验证 var orderId = $("#orderId").val(); $("#list4").jqGrid('setGr…

jqGrid 各种参数详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/ ui.jqgrid.…

【JQGRID DOCUMENTATION】.学习笔记.6.Editing:Common Rules

1 公共编辑属性要在grid中显示数据的一个关键原因是能简单快速地编辑它.jgGrid提供三种编辑方式: cell editing:编辑指定cell inline editing:编辑同一行的几个cells form editing:在grid外面创建一个form来编辑 2 安装在Download Manager中,每个编辑模块有它自己的描述,但是他们都使用了必选的公共模块,它就是grid.common.js. 3 选项和描述所有的编辑模块,为了执行编辑,都在colModel中使用公共属性…

【JQGRID DOCUMENTATION】.学习笔记.1.安装jqGrid

前面介绍了怎么使用其MVC方式,很好用.不过,觉得还是只使用前段比较好. 1.1 如何安装到http://www.trirand.com/blog/?page_id=6 下载. </html> 需要按以下顺序, 链接jQuery UI的的CSS文件,然后jqGrid的CSS文件. 然后引用jQuery脚本文件,i18n脚本文件,jqGrid脚本文件. 2 了解他是如何工作的理解jqGrid是如何工作的,会帮助你掌握插件的全部功能.要理解的第一件事情,是列表数据的两个方面: 客户端表现服务…

jqGrid(2)

jqGrid使用方法: 原文地址:http://blog.csdn.net/y0ungroc/article/details/12008879 1. 下载文件 1. 下载jqGrid的软件包,目前最新版本为4.4.1 下载地址为: http://www.trirand.com/blog/?page_id=6 2. 下载jQuery文件,目前最新版本为1.8.2 下载地址为: http://code.jquery.com/jquery-1.8.2.min.js 3. 下载j…

基于jQuery 常用WEB控件收集

Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form). AutoComplete-JQuery Facebook…