ColModel 是jqGrid里最重要的一个属性,设置表格列的属性。
用法:
java 代码:
jQuery("#gridid").jqGrid({
...
colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
...
});
有一些参数当表格初始化完成后是不能被修改的:
name
width
resizable
label (method avail.)
例子:$("#grid1").xgrid({
url:{url:'../data/json-grid-standard.htm',pageSize:'10',currentPage:'1'},// 列表数据
colModel:[{"display":"序号","width":"20","align":"center","sortable":"false","name":"xuhao"},
{"display":"登陆ID","width":32,"align":"center","sortable":"true","name":"LOGIN_ID"},
{"display":"姓名","width":32,"align":"center","sortable":"true","name":"XM"},
{"display":"组织机构","width":32,"align":"left","sortable":"true","name":"ORG_ID"},
{"display":"区域","width":32,"align":"center","sortable":"true","name":"REGION_ID"},
{"display":"日期","width":32,"align":"center","sortable":"true","name":"DATE"},
{"display":"是否删除","width":32,"align":"center","sortable":"true","name":"ISDEL","hide":"true"}
], //列表结构配置
title:'列表控件',
searchitems:[
{"display":"登陆ID","name":"LOGIN_ID"},
{"display":"姓名","name":"XM"},
{"display":"时间","name":"ORG_ID"},
{"display":"日期","name":"DATE"},
{"display":"区域代码","name":"REGION_DM"}
],//列表中搜索的条件项
width:800,
callback:function(){ alert('列表初始化完成后,执行回调') },
searchMode:true //搜索模式,初始化时不加载数据并隐藏列表
});
- 大小: 60.7 KB
分享到:
相关推荐
jqGrid_各种参数_详解
jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 jqGrid 学习 格式化 21 jqGrid 学习 自定义按钮 26 jqGrid...
jquey 实现grid 的列的自由拖动 和内容的自由展示和压缩 类似于excel效果。
jqGrid 4.4.1 New search module, Tree Grid and SubGrid improvements, new colModel cellattr event and much more... Enjoy
colModel Options Data manipulation Events Methods HOWTO Navigating Pager Navigator Custom Buttons HOWTO Formatter Predefined Formatter Custom Formatter HOWTO Searching Configuration Toolbar ...
<script type="text/javascript" src="js/jquery.jqGrid.min.js"> <script type="text/javascript" src="js/jquery.tablednd.js"> <script type="text/javascript" src="js/jquery.contextmenu.js"> ...
colModel Options Data manipulation Events Methods HOWTO Navigating Pager Navigator Custom Buttons HOWTO Formatter Predefined Formatter Custom Formatter HOWTO Searching Configuration Toolbar ...
grid = jQuery("#jsonmap"); grid.jqGrid({ datastr: topicjson, datatype: "jsonstring", height: "auto", loadui: "disable", colNames: ["id","Items","url"], colModel: [ {name: "id",width:200, ...
jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...
Java代码 : 代码如下:jQuery(“#gridid”).jqGrid({ … colModel: [ {name:’name1′, index:’index1’…}, {…}, … ], .. }); 属性 数据类型 备注 默认值 align string 定义单元格对齐方式;可选值:...
1.添加multiselect: true 2.获取选择行的值 代码如下:var rowData = jQuery(‘#List’).jqGrid(‘getGridParam’,’selarrrow’); if(rowData.length) { for...//name是colModel中的一属性 alert(name);