jqgrid是基于jquery的列表组件,还包括很多优秀的其他扩展功能,使用起来也比较方便,起官方wiki,读起来也还好,下面,对其初始化数据的方法,需要用到的参数,作一个归纳,总结和说明。我也是使用中,积累下来的,多多少少其他网站的也看了一些,不过我这个总结,我想没有任何一个中文网站,比我们的更全,更详细了
常用参数:
$('#'+tableId).jqGrid({
datatype: datatype,//数据类型
treedatatype: datatype,
data:localdata,//datatype==local时
//datastr:xx,//datatype==xmlstring jsonstring时
url:dataurl,//展现列表时的查询请求地址
loadtext:'正在加载...',//当数据还没加载完或数据格式不正确时显示
emptyrecords:'没有数据',//当空记录时显示
height:gridheight,//高度
//footerrow:true,表格的下面,pager的上面添加一行
forceFit:false,//拖动列宽时,保持总列宽的和不变,不会出现横向滚动条。比如当前列多了30px,那么右侧的列,就会少30px
//shrinkToFit:true/false,//如果设置true,则每列的宽度会按照当初设置的比例,然后按照表格的宽度进行缩放。如果为false,则走用户设置的数值
align:"center",
mtype:"post",
postData:params,
autowidth: autowidth,//宽度是否自动autowidth: true
width:gridwidth,
colNames:eval(colnames),//['标签ID','标签名称','分组','操作']
colModel:eval(colModels),//
multiselect:gridmulti,//是否可以行多选
multiselectWidth:25,
altRows:true,//true 有条纹的表格
gridview:(!istreeGrid),//能提高加载速度,尤其是loadonce=true时。但是这个设置为true,则treeGrid, subGrid, or afterInsertRow event都不能使用
pager:pager,//分页工具栏
recordtext:'({0}-{1})/{2}条',
pgtext:'{0}/{1}页',
pgbuttons:true,
pagerpos:'left',//设定分页位置
viewrecords:true,
recordpos:'right',
rowNum:rowNum,
sortable:true,
loadonce: loadonce, //如果为true,则一次加载所有数据。加载后,datatype被置为local,以后的操作都只针对本地数据
caption: "",//设置为空,则不显示标题行
//hiddengrid:true/false,//如果为true,开始时列表不读取数据。点击了按钮才读取。
//hidegrid:true/false,//一个控制列表是否显示的按钮,在右上角
//hoverrows:true/false,//如果设置为false则鼠标划过行的样式就没有了
//inlineData:{},//当使用inlineedit的时候,传给后台的参数
//multikey:"shiftKey/altKey/ctrlKey",//必须点哪个组合键后,才能多选.只有为多选状态时才可用
//multiboxonly:true/false,//只有点击复选框,才会进行改变复选框。一般情况下,点击行就可以多选
rownumbers:showidcol,//设置为true,则会多出一列,rn,作为id列,从1开始
rownumWidth:30,//ID列的宽度
//scroll:boolean or integer,//设置为true则表格的分页失效。动态拖动纵向滚动条时,才去继续加载数据,放置页面好用过多内存
//tree begin
treeGrid:istreeGrid,
treeGridModel: 'adjacency',
ExpandColumn: treeCol,
grouping:isGroupGrid,
groupingView:{
groupField:[groupCol],
groupColumnShow:[false],
groupDataSorted : true,
groupSummary : [false],
groupText: ['<b>{0}</b>']
},
jsonReader:{
repeatitems : jsonRepeat
},
gridComplete:fnGridComp,
//列宽拖动事件
resizeStop:fnResizeStop,
loadError:loadError
});
其中有些属性未作标注,不过官方wiki上,通过其demo也很容易理解
常用方法:
(一)隐藏表头:
var tid = this.tableId;
$.each($(".ui-jqgrid-hdiv"),function(key,value){
if($(value).parent().attr("id").indexOf(tid)!=-1){
$(value).hide();
}
});
分享到:
相关推荐
jquery jqgrid 参数详
Jqgrid网上的api很少而且基本上都是英文的,中文的特别少,这个是jqgrid的中文使用说明,上面罗列的jqgrid的说明比较详细
jqGrid是典型的B/S架构,服务器端只是提供数据管理,客户端只提供数据显示。换句话说,jqGrid可以以一种更加简单的方式来展现你数据库的信息,而且也可以把客户端数据传回给服务器端。 对于jqGrid我们所关心的就是...
jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 jqGrid 学习 格式化 21 jqGrid 学习 自定义按钮 26 jqGrid...
资源描述可以把电子书的概述、源代码的说明、文档的片段填在这里,描述详细会获得我们的推荐,更容易被他人下载!描述大于20字不是问题吧!
jqGrid_各种参数_详解
现在把找好的分页参数跟大家分享下
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
资源是从大牛那里copy过来滴,整理的蛮不错的
里面包含了jqgrid经常用到的并对参数进行了说明,使初学者必备!
jqgrid
jqGrid帮助手册包含jqGrid参数、事件、方法、自定义按钮、搜索等
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqgrid中文文档API,使用JQGRID
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
JqGrid插件+JqGridDemo+JqGrid主题,自己项目里引入的文件
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
jquery.jqgrid
jqGrid5.5 学习
jQgrid+demo