位置: 编程技术 - 正文

jqGrid用法汇总(全经典)(jqgrid loadcomplete)

编辑:rootadmin

推荐整理分享jqGrid用法汇总(全经典)(jqgrid loadcomplete),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery jqgrid,jquery jqgrid,jquery jqgrid,jqgrid subgrid,jquery jqgrid,jquery jqgrid,jqgrid gridunload,jqgrid教程,内容如对您有帮助,希望把文章链接给更多的朋友!

支持多种类型的数据集合作为数据源

  jqGrid可以绑定三种类型的数据:XML,JSON和数组。使用不同的数据类型主要是设置datatype属性,它的值分别为'xml','json','local'(数组)

  下面则列举各种数据类型的格式

  XML格式: 

  json格式

{"page":"页号","rows":[{name1:'value1',name2:'value2',.....nameN:'valueN'},.... {....} ], "total":记录数,"records":总记录数}

  数组格式

或者设置data属性

统计运算的功能

  将footerrow设为true,绑定gridComplete事件。

  统计时利用getCol方法,第一个参数为colMode的name值,第二个设为false,否则会返回一个数组而不是但一个数据,第三个是设置统计方式,有'sum','avg'和'count'。

排序

  只要单击列的标题,就可以对该列进行升序或降序的排序。设置该列是否允许排序,在列的属性里设置sortable,同时对于不同的数据类型,也需要设置其相应的排序类型sorttype,类型有int/integer 整型,float/number/currency 浮点型,date 日期,text 文本,function 定义函数来实现自定的排序规则。

分组

还有复杂一点的排序,那还是上jqGrid Demos看看吧!

筛选

  jqGrid的筛选并不是在grid里面的内容进行筛选,其实是对数据库里的数据筛选查询。

  html:

  javascript:

增删改查工具栏及分页栏

  jqGrid附带了分页栏,在分页栏上可以添加增加,修改,删除以及查询按钮。

jqGrid用法汇总(全经典)(jqgrid loadcomplete)

  在html多添加一个层,这个层就存放分页栏:

记得要在colModel里给可供编辑的列的editable赋值为true,才可以编辑。

分页读取数据

  既然上面已提及到分页,下面则介绍另一种分页方式,通过滚动条进行翻页。在这种分页方式中,数据库的所有数据并非一下子读取出来填充到grid中,而是通过滚动条的位置得出当前浏览到的哪一页数据,才从数据库读取那部分的数据。

下面的例子只是用到本地的数据,同样也是实现了滚动翻页的效果

父子表

  通过以下设置可使用子表

这里子表的设置只是最基本的,更多属性的资料可参阅 单元格的值

  获取某个单元格的值就调用getCell(rowid, iCol) 。iCol既可以是当前列在colModel中的位置索引也可以是name值。注意:在编辑行或者单元格时不能使用此方法,此时返回的并不是改变的值,而是原始值。

  设置某个单元格的值就调用setCell(rowid,colname, data, class, properties)。rowid:当前行id;colname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更 新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置单元格属性colModel。

  当然也可以Get/Set 行或者列,在这里可查阅更多get/set/add的方法  通过设置colModel的editrules属性,可以对输入的数据进行验证

下面则是可用的验证选项

设置条带状的列

编辑器

  jqGrid的模板列自带了一些很基本的编辑器,包括:'text'单行文本框, 'textarea'多行文本框, 'select'下拉框, 'checkbox'复选框, 'password'密码框, 'button'按钮, 'image'图片按钮, 'file'文件上传框 以及'custom'自定义编辑器。

在colModel里设置edittype则可

其中editoption是对编辑器的一些设置,文本框就可以设置size,maxlength等;复选框可设置value ;

ditoptions: { value:"Yes:No" }

下拉框以这种形式

editoptions: { value: “val1:text1; val2:text2; val3:text3” }

更多资料参阅  设置单元格编辑模式后,可以通过上下左右的导航键跳到需要编辑的单元格,按回车进入编辑状态,按Esc键不保存更改内容,按回车保存更改内容

以上所述是小编给大家介绍的jqGrid用法汇总,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery实现鼠标滚动图片延迟加载效果附源码下载 这里延迟加载的意思是,拖动滚动条时,在图片出现在浏览器显示区域后才加载显示。在这之前全部图片都由一张图片代替。节省流量,减轻服务器负

jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx) 在asp.netwebForm开发中,用Jqueryajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。(1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下WebMethod方

浅谈window.onbeforeunload() 事件调用ajax 经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁。为实现用户离开页面时,自动注销功能,需要在web

标签: jqgrid loadcomplete

本文链接地址:https://www.jiuchutong.com/biancheng/385914.html 转载请保留说明!

上一篇:jQuery中text() val()和html()的区别实例详解

下一篇:jQuery实现鼠标滚动图片延迟加载效果附源码下载(jquery鼠标移动触发)

  • 增值税的账务处理办法
  • 固定资产清理费用计入哪里
  • 管理费用结转本年利润,账簿怎么登
  • 餐饮业税务申报
  • 未确认融资收益对应的科目是什么
  • 开户以后不用要钱吗
  • 税务局开运费发票需要带什么
  • 怎么算应纳企业所得税
  • 出纳工作的七大技巧
  • 固定资产折旧摊销表A105080
  • 资本金利润率多少
  • 固定资产作为实收资本报废怎么处理
  • 小规模纳税人怎么判断
  • 出口发票税率开错了怎么办
  • 净利润含不含所得税
  • 个税起征点是多少啊
  • 质押贷款属于什么贷款
  • 企业安排残疾人就业有啥优惠政策
  • 制造企业享受增值税政策
  • 法人实名认证后没有绑定企业怎么办
  • 企业专票抵税
  • 资产减值损失借方余额在利润表怎么填列
  • linux怎么安装使用conda
  • 企业收到的罚款收入属于什么科目
  • win10电脑声道怎么设置
  • php随机生成1到3的数字
  • 360pci.exe
  • win10输入法没有候选词
  • 银行存款收款凭证属于什么凭证
  • bass boost system
  • pyecharts绘制柱状图动态图
  • php基础编程题
  • 在建工程完工后不转固定资产
  • 事业单位会计专业知识考什么
  • 卢塞恩小镇瑞士
  • php管理员和用户登录
  • 如何根据科目余额表编制财务报表
  • 递延所得税负债是什么科目
  • Linux下DedeCMS/织梦CMS安全设置教程
  • 企业会计准则季度怎么填
  • phpcms教程
  • 结转销售成本的方法
  • 花生油加工厂的手续好办吗
  • 劳务派遣申报表附表一怎么填
  • 一般纳税人购进免税农产品如何抵扣进项税额
  • 织梦网站停止使用了还侵权吗
  • 债权投资利息收入调增还是调减
  • 小规模公司的做账要求
  • 经审计的财务报表是否要会计师事务所盖章
  • sql server自动生成行号
  • 增值税的专用发票金额含税吗
  • 半成品加工需要什么手续
  • 分公司内部管理模式
  • 营改增后,小规模纳税人广联达
  • 抵扣联和发票联的区别
  • 冲减以前年度未开票收入开票如何申报小规模纳税人
  • sum(case when then)(判断男女生的个数)
  • sqlserver2005网络配置里没有东西
  • 史上最简单的飞镖
  • mysql分组后取最新的一条记录
  • win8 重装系统
  • freebsd操作命令
  • windows一键安装
  • 2015年win10共发布135个安全补丁 创历年之最
  • 电脑自带win8是装win7还是win10
  • apache80端口被占用的解决方法
  • 按住鼠标右键拖动文件
  • python内置函数open()的参数用来指定打开文本文件
  • linux4个主要部分
  • jquery给元素添加属性值
  • android百分比布局
  • linux进程监控方法
  • jquery的方法有哪些
  • python 字符
  • Android SQLite, KopDB 框架学习1——使用
  • javascript图表
  • 国家河南税务局
  • 一般纳税人预缴税款怎么计算
  • 职业年金利息计入哪个科目里面
  • 广州代理记账公司地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设