广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jqGrid选项设置中文说明文档

    2018-04-13 09:16:50 次阅读 稿源:互联网
    零七广告

    jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称:值(name:value)的形式,也可以是对象(object)及数组(array)的形式配置。jQuery("#grid_id").jqGrid(options); 属性ajaxGridOptions emptyajaxSelectOptions emptyaltclass ui-priority-secondaryaltRows 设置为交替行表格falseautoencode 当设置为true时,对来自服务器的数据和提交数据进行encodes编码。如< 将被转换为&lt;falseautowidth 当设置为true时,表格宽度将自动匹配到父元素的宽度。这个匹配只在表格建立时进行,为了使表格在父元素宽度变化时也随之变化,可以使用setGridWidth方法falsecaption emptycellLayout 5cellEdit 是否允许单元格编辑。falsecellsubmit 'remote'cellurlnullcolModel 描述列参数数组。这是表格最重要的部分,详见.nullcolNames 列名称数组。该名称将在Header中显示。名称以逗号分隔,数量应与colModel 数组数量相等emptydata 以数组的形式保存本地数据。emptydatastr nulldatatype xmlstring—xml字符串
    json—JSON数据
    jsonstring—JSON字符串
    local—客户端数据(数组)
    javascript—javascript数据
    function—函数返回数据
     xmldeselectAfterSort 只适用于当datatype为local时。当一个排序被应用时取消当前选定行。truedirectionltrediturlnullemptyrecords ExpandColClick true时,点击展开行的文字,treeGrid展开或收拢trueExpandColumnnullfooterrow 如果设置为true时,将生成一个表脚行,列数等于colModelfalseforceFit 如果设置为true,改变列宽,相邻列也将调整以适应整体表格,将不会出现水平滚动条。falsegridstatevisiblegridview 设置为true将提高5~10倍的显示速度。但不能再使用treeGrid, subGrid, 或afterInsertRow事件falsegrouping 是否设置表格组falseheight 150hiddengrid 如果设置为true,表格开始被隐藏,数据不被载入,只显示标题。当第一次点击显示/隐藏按钮显示表格,数据从服务器载入。falsehidegrid 是否允许显示/隐藏按钮可用。只有标题不为空时可用。truehoverrows 表行是否有鼠标悬停效果truejsonReader JSON数据结构数组 lastpage0lastsort0loadonce 设置为true时,表格只一次读取服务器数据(使用适当datatype),之后,datatype 自动变为local ,所有进一步操作都在客户端完成,pager功能(若存在)将失效。falseloadtextLoading…loadui enablemtypeGETmultikey emptymultiboxonly 此属性只有当multiselect为true时有效,. Multiboxonly设置为true时,只有点击checkbox时该行才被选中,点击其他列,将清除当前行的选中。falsemultiselect 此属性设为true时启用多行选择,出现复选框falsemultiselectWidth20page1pager emptypagerposcenterpgbuttons 定义导航激活时导航按钮是否显示。truepginput 定义导航栏是否有页码输入框。truepgtext prmNames 缺省情况下prmNames: { page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 以POST方式发送到服务器,字段为: page,rows,sidx,sord,search,nd 例如要将sidx改为mysort,可写成: prmNames: {sort: “mysort”}. 这样提交到服务器的字符串就变为: page=1&rows=10&mysort=myindex&sord=asc 若将一些参数设为null,这些参数将不再发往服务器。例如prmNames: { nd:null} 则nd参数将不被发送。 Npage参数参见scroll option.nonepostData 此数组能直接传递到url。这个数组可使用这种形式{name1:value1…}。emptyreccount0recordposrightrecordpostruerecordsnonerecordtext resizeclassemptyrowList 用于改变显示行数的下拉列表框的元素数组。emptyrownumbers 若此属性为true,表格左侧将添加一用于显示行数(从1开始)的列。此时colModel自动扩展出一个名为rn的元素。所以在colModel中不要定义rn。falserowNum20rownumWidth25savedRow 只读属性。用于行编辑和单元格编辑保存数据之前emptyscroll 创建动态滚动表格。当设为启用时,pager被禁用,可使用垂直滚动条来装入数据。falsescrollOffset18scrollrows 该项启用时,用setSelection 选定一行,表格将滚动到被选行可见。falseselarrrow 只读属性。当multiselect 为true时,包含当前选定的行。此为一维数组,值为表格中选定行的ID。emptyselrow nullshrinkToFit 该项描述计算每列相对于表格宽度的初始宽度的类型。
    若为true,并且设置了列宽度,则每列的宽度根据定义宽度缩放。
    若为false,并且设置了列宽度,表格宽度为设置宽度,列宽度不会重新计算,使用colModel中定义的值truesortabletruesortnameemptysortorder ascsubGrid 设置为true,可使用子表格。启用子表格,将在基本表的左边将添加一列,并包含一个“+”图像,用户可以点击扩展行。falsesubGridModel 该属性用于描述子表格的模式,只有subGrid 为true时有效。它是一个用于描述子表格列的数组。emptysubGridTypenullsubGridUrlemptysubGridWidth20toolbar 该参数定义表格的工具栏。参数是一个包含两个值的数组,第一个值使工具栏有效,第二个值相对位置(可以是top、bottom、both)。例如:设置toolbar为 [true,”both”],将在表格的头部和底部建立两个工具栏,两个工具栏位两个DIV元素,头部DIV元素的ID为“t_表格ID”,底部DIV元素的ID为“tb_表格ID”。若只有一个工具栏(top或bottom)时,DIV的ID为“t_表格ID”。[false,'']toppager 是否在表格上部显示分页条。falsetotaltime0treedatatypenulltreeGrid 启用(禁用)TreeGrid。falsetreeGridModel nestedtreeIcons 此数组设置TreeGrid中使用的图标。图标应是UI theme中的有效图标。缺省为 {plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'} treeReader 扩展表格的colModel。这里定义的字段将添加到colModel的尾部并隐藏。服务器将返回这些字段的值。 tree_root_level0urlnulluserData 此数组保存请求的自定义信息,可随时使用emptyuserDataOnFooter 到为true时, userData直接放置在页脚。falseviewrecords 是否在浏览导航栏显示记录总数falseviewsortcols 定义表头中排序图标的外观和行为。缺省为[false,'vertical',true]。
    第一个参数设定是否显示所有定义了排序的列旁显示图标。缺省的false表示只有当前排序列旁的图标显示。设为true可使所有可排序列都显示图标。
    第二个参数设定排序图标如何放置。vertical为垂直放置,horizontal为水平放置。
    第三个参数设定点击功能。True表示表头点击排序,false表示只点击排序图标排序。若将此参数设为false时,请确保第一个参数为true,否则将无法排序。 widthnonexmlReader 描述预期的XML数据结构的数组。 

    ColModel APIjQuery("#gridid").jqGrid({... colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],...}); 属性alignleftclasses emptydatefmtY-m-ddefvalemptyeditable 定义字段是否可编辑,用于单元格编辑、行编辑和表单模式falseeditoptions 根据edittype 参数定义可用的值数组emptyeditrules 设置可编辑字段的补充规则emptyedittype textfixed 若设为true,即使shrinkToFit设置为true,列宽也不允许重新计算。GridWidth方法改变表格宽度时,列宽也不会改变。falseformoptions 定义表单编辑的各种选项emptyhidedlg 若设置为true,该列将不出现在模式对话框中,用户可以此控制列的显示或隐藏falsehidden 定义初始化时,列是否隐藏。falseindexemptykey 在未从服务器获得ID的情况下,该列可设置为行ID。只有一列可设置该属性,若出现多列,表格只采用将第一个设置了该属性的列,其他列忽略。falselabel nonenameRequiredresizable 定义是否可变列宽truesortable 定义是否可以排序truesorttype texttitle 当设置为false时,鼠标滑向单元格时不显示title属性truewidth150

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告