jQuery插件:jqGrid引入及基本属性

1. jqGrid下载

  jqGrid下载地址: http://www.trirand.com/blog/

  jqGrid Demo: http://www.guriddo.net/demo/guriddojs/

2. jqGrid引用

  jqGrid自身依赖于jQuery UI,引用jqGrid需要同时引用jQuery UI样式。

<link href="/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet"/>
<link href="/Content/themes/base/theme.css" rel="stylesheet"/>
<script src="/Scripts/jquery-2.1.3.js"></script>
<script src="/Scripts/i18n/grid.locale-cn.js"></script>
<script src="/Scripts/jquery.jqGrid.src.js"></script>

3. jqGrid属性

3.1 jqGrid基本属性

名称类型描述默认值
urlstring获取数据URL 
mtypestringAjax提交方式,GET或POST,默认为GETGET
datatypestring返回的数据类型,包括:xml,local,json,jsonnp,script,xmlstring,jsonstring,clientside,默认为xml。xml
colNamesArray列名称数组 
colModelArray列模型数组 
widthmixed表格宽度,可以是数字、像素值或百分比。 
heightmixed表格高度,可以是数字、像素值或百分比。 
rowNuminteger每页显示记录条数,默认为20条。20
rowListArray分页大小数组,显示为下拉框,用于选择每页需要显示的记录条数。 

3.1 colModel属性

名称类型描述默认值
labelstring如果colNames为空则用来作为列的显示名称,如果都没有设置则显示name 值 
namestring列名称 
widthnumber默认列的宽度,只能是像素值。150
fixedboolean列宽度是否要固定不可变,默认为true。true
alignstring单元格对齐方式,包括left、center及right。默认为left。left
keyboolean列是否为主键列,只有一个列可以做这项设置,如果设置多于一个,那么只选取第一个,其他被忽略。false
resizableboolean列宽是否可调节,默认为true。true
sortableboolean列是否可排序,默认为true。true
hiddenboolean初始化表格时是否要隐藏此列,默认为false。false
hidedlgboolean是否显示或者隐藏此列(appear in the modal dialog)false
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值