`
peonyzzdx
  • 浏览: 580843 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery jqGrid中ColModel的参数大全

    博客分类:
  • web
阅读更多
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
1
1
分享到:
评论
1 楼 zhanghao1785 2015-01-28  
   

相关推荐

    jqGrid_各种参数_详解

    jqGrid_各种参数_详解

    jqGrid手册教程一本通

    jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 jqGrid 学习 格式化 21 jqGrid 学习 自定义按钮 26 jqGrid...

    Jquery 实现列的拖动 jquery grid

    jquey 实现grid 的列的自由拖动 和内容的自由展示和压缩 类似于excel效果。

    jquery.jqGrid-4.4.1

    jqGrid 4.4.1 New search module, Tree Grid and SubGrid improvements, new colModel cellattr event and much more... Enjoy

    jqGrid 离线帮助手册

    colModel Options Data manipulation Events Methods HOWTO Navigating Pager Navigator Custom Buttons HOWTO Formatter Predefined Formatter Custom Formatter HOWTO Searching Configuration Toolbar ...

    jqGrid 做的表格分页

    <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"> ...

    jqGrid 离线帮助手册 来源官方wiki

    colModel Options Data manipulation Events Methods HOWTO Navigating Pager Navigator Custom Buttons HOWTO Formatter Predefined Formatter Custom Formatter HOWTO Searching Configuration Toolbar ...

    jqgrid Tree

    grid = jQuery("#jsonmap"); grid.jqGrid({ datastr: topicjson, datatype: "jsonstring", height: "auto", loadui: "disable", colNames: ["id","Items","url"], colModel: [ {name: "id",width:200, ...

    PHP jqGrid 数据网格显示并分页

    jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...

    jqgrid 编辑添加功能详细解析

    Java代码 : 代码如下:jQuery(“#gridid”).jqGrid({ … colModel: [ {name:’name1′, index:’index1’…}, {…}, … ], .. }); 属性 数据类型 备注 默认值 align string 定义单元格对齐方式;可选值:...

    Jqgrid设置全选(选择)及获取选择行的值示例代码

    1.添加multiselect: true 2.获取选择行的值 代码如下:var rowData = jQuery(‘#List’).jqGrid(‘getGridParam’,’selarrrow’); if(rowData.length) { for...//name是colModel中的一属性 alert(name); 

Global site tag (gtag.js) - Google Analytics