首页 > 代码库 > jqGrid预定义的格式化类型formatter
jqGrid预定义的格式化类型formatter
下表列出了jqGrid中的预定义格式化类型
所有预定义类型和编辑模式兼容,就是说数字,链接和email等需要转换,才能使他们被正确编辑
类型 | 选项(默认值参考语言选项) | 描述 |
---|---|---|
integer | thousandsSeparator, defaulValue |
|
number | decimalSeparator, thousandsSeparator, decimalPlaces, defaulValue |
|
currency | decimalSeparator, thousandsSeparator, decimalPlaces, defaulValue, prefix, suffix | 和number一样,知识多了2个选项
|
date | srcformat, newformat, parseRe |
|
none | 设置email将会给内容添加链接,链接地址为mailto:emai内容 | |
link | target | target 默认值为null。设置为这个,会构造一个连接,添加target属性,单元格内容作为href属性值 |
showlink | baseLinkUrl, showAction, addParam, target, idName |
|
checkbox | disabled | disabled默认值为true。控制checkbox是否能被改变。设置为false,可以膝盖checkbox的值。 |
select | none | 不是真实的select,仅为一个特例,看下面的说明 |
actions | { keys: false, editbutton : true, delbutton : true, editformbutton: false, onEdit : null, onSuccess: null, afterSave:null, onError: null, afterRestore: null, extraparam: {oper:‘edit‘}, url: null, delOptions: {}, editOptions : {} } | 在行编辑模式这个类型的格式化函数很容易给指定的列添加一个按钮。 有2中类型的动作,编辑和删除。 editformbutton设置为true 将医用表单编辑对话框,取代行编辑模式 editOptions仅用于配置表单编辑模式。 |
"Select"格式化函数
select类型不是真实的select。这个用于使用某些编辑模式下,设置了edittype:‘select‘的情况。这个版本之前grid显示select的值,而不是键(Before this release we pass the value of the select in grid and not the key),例如:
-收缩
JavaScript
代码jQuery("#grid_id").jqGrid({
...
colModel : [ {name:‘myname‘, edittype:‘select‘, editoptions:{value:"1:One;2:Two"}} ... ],
...
});
...
colModel : [ {name:‘myname‘, edittype:‘select‘, editoptions:{value:"1:One;2:Two"}} ... ],
...
});
这个情况下,grid的数据需要包含"One"或者"Two",设在myname这个列里面。配置formatter为select的代码如下
-收缩
JavaScript
代码jQuery("#grid_id").jqGrid({
...
colModel : [ {name:‘myname‘, edittype:‘select‘, formatter:‘select‘, editoptions:{value:"1:One;2:Two"}} ... ]
...
});
...
colModel : [ {name:‘myname‘, edittype:‘select‘, formatter:‘select‘, editoptions:{value:"1:One;2:Two"}} ... ]
...
});
数据包含键名称(“1” or “2”),但是值 (“One”, or “Two”) 将会显示在grid里面。
showlink 示例
看下面的代码
-收缩
JavaScript
代码jQuery("#grid_id").jqGrid({
...
colModel: [ {name:‘myname‘, formatter:‘showlink‘, formatoptions:{baseLinkUrl:‘someurl.php‘, addParam: ‘&action=edit‘}, ...}
...
]
...
});
...
colModel: [ {name:‘myname‘, formatter:‘showlink‘, formatoptions:{baseLinkUrl:‘someurl.php‘, addParam: ‘&action=edit‘}, ...}
...
]
...
});
上面将会得到下面的输出
http://localhost/someurl.php?id=123&action=edit
如果你想将生成的url中id键名称修改为myid,可以这样设置
-收缩
JavaScript
代码jQuery("#grid_id").jqGrid({
...
colModel: [ {name:‘myname‘, formatter:‘showlink‘, formatoptions:{baseLinkUrl:‘someurl.php‘, addParam: ‘&action=edit‘, idName:‘myid‘}, ...}
...
]
...
});
...
colModel: [ {name:‘myname‘, formatter:‘showlink‘, formatoptions:{baseLinkUrl:‘someurl.php‘, addParam: ‘&action=edit‘, idName:‘myid‘}, ...}
...
]
...
});
上面将会得到下面的输出
http://localhost/someurl.php?myid=123&action=edit
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。