jQuery技术

jquery学习笔记jqGrid学习笔记 完整整理(3)

字号+ 作者:H5之家 来源:H5之家 2017-11-07 14:03 我要评论( )

colModel也有许多非常重要的选项,在使用搜索、排序等方面都会用到。这里先只说说最基本的。 name :为Grid中的每个列设置唯一的名称,这是一个必需选项,其中保留字包括subgrid、cb、rn。 index :设置排序时所使

colModel也有许多非常重要的选项,在使用搜索、排序等方面都会用到。这里先只说说最基本的。

  • name :为Grid中的每个列设置唯一的名称,这是一个必需选项,其中保留字包括subgrid、cb、rn。
  • index
    :设置排序时所使用的索引名称,这个index名称会作为sidx参数(prmNames中设置的)传递到Server。
  • label :当jqGrid的colNames选项数组为空时,为各列指定题头。如果colNames和此项都为空时,则name选项值会成为题头。
  • width :设置列的宽度,目前只能接受以px为单位的数值,默认为150。
  • sortable :设置该列是否可以排序,默认为true。
  • search :设置该列是否可以被列为搜索条件,默认为true。
  • resizable :设置列是否可以变更尺寸,默认为true。
  • hidden :设置此列初始化时是否为隐藏状态,默认为false。
  • formatter :预设类型或用来格式化该列的自定义函数名。常用预设格式有:integer、date、currency、number等(具体参见文档
    )。
  • 三、 注意事项

    1. 动态改变Add Form或者Edit Form中的select的内容,如:改变下图中的Comparator下拉中的内容。

    clip_image002


    $("#list_d").navGrid('#pager_d',{add:true,edit:true,del:true,search:false,refresh:false},

    {

    checkOnSubmit:false, closeAfterEdit: true,recreateForm:true,

    beforeInitData:function(formid){

    initComparator();

    },

    beforeShowForm: function(formid){

    $("#list_d").jqGrid('setColProp', 'Name', { editrules:{required:false},});

    $('#tr_Name', formid).hide();

    }

    },//edit

    {},//add

    {}//del

    beforeInitData, beforeShowForm在每次点击编辑的时候都会执行。initComparator的作用是通过ajax获取数据,然后利用$("#list_d").jqGrid('setColProp', 'Comparator', { editoptions: { value: valueString} });来设置Comparator下拉中的内容。其中valueString的格式如下’
    equal to: equal to; not equal to: not equal to’。键值之间用冒号隔开,2项之间用分号隔开。注意:把recreateForm设为true,否则'setColProp'只在第一次调用时有效。

    2. var rowNum = parseInt($(this).getGridParam("records"), 10); 得到数据条数。

    3. jQuery("#list_d").clearGridData();清空数据。

    4. jQuery("#list").getCell(ids,"Key");获取第ids行的key列。

    5. $("#list").jqGrid('setSelection', "1");选中第一行。放在loadComplete:中在gird加载完成的时候自动选中第一行。loadComplete:function(data){$("#list").jqGrid('setSelection', "1");

    }

    6. 对于像1中的可编辑的字段,可以设定rule,参见

    7. 修改Option,以URL为例

    jQuery("#list_d").jqGrid('setGridParam',{url:"xxx.aspx",page:1}).trigger('reloadGrid');

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jQuery中addClass()方法用法实例教程

      jQuery中addClass()方法用法实例教程

      2017-11-07 15:01

    • Selenium教程之使用jquery辅助进行测试

      Selenium教程之使用jquery辅助进行测试

      2017-11-07 11:01

    • JQuery ID选择器中的不能包含特殊字符的处理

      JQuery ID选择器中的不能包含特殊字符的处理

      2017-11-06 09:15

    • 使用jQuery实现两个div中按钮互换位置的实例代码

      使用jQuery实现两个div中按钮互换位置的实例代码

      2017-11-05 17:00

    网友点评
    <