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基本属性

名称 类型 描述 默认值
url string 获取数据URL  
mtype string Ajax提交方式,GET或POST,默认为GET GET
datatype string 返回的数据类型,包括:xml,local,json,jsonnp,script,xmlstring,jsonstring,clientside,默认为xml。 xml
colNames Array 列名称数组  
colModel Array 列模型数组  
width mixed 表格宽度,可以是数字、像素值或百分比。  
height mixed 表格高度,可以是数字、像素值或百分比。  
rowNum integer 每页显示记录条数,默认为20条。 20
rowList Array 分页大小数组,显示为下拉框,用于选择每页需要显示的记录条数。  

3.1 colModel属性

名称 类型 描述 默认值
label string 如果colNames为空则用来作为列的显示名称,如果都没有设置则显示name 值  
name string 列名称  
width number 默认列的宽度,只能是像素值。 150
fixed boolean 列宽度是否要固定不可变,默认为true。 true
align string 单元格对齐方式,包括left、center及right。默认为left。 left
key boolean 列是否为主键列,只有一个列可以做这项设置,如果设置多于一个,那么只选取第一个,其他被忽略。 false
resizable boolean 列宽是否可调节,默认为true。 true
sortable boolean 列是否可排序,默认为true。 true
hidden boolean 初始化表格时是否要隐藏此列,默认为false。 false
hidedlg boolean 是否显示或者隐藏此列(appear in the modal dialog) false

你可能感兴趣的:(jquery插件)