如何在 JQgrid 中下拉?
How to make drop down inside a JQgrid?
如上标题,如何在值为 AM 和 PM 的 jqgrid 中创建下拉菜单?。请在 jsfiddle 中分享。谢谢。
这应该适合你。
jQuery('#grid').jqGrid({
autowidth: true,
autoheight: true,
url : '',
mtype : 'POST',
colNames : [ 'ID','State', 'Type'],
colModel : [ {name : 'id',index : 'id',hidden:true,align:'center'},
{name : 'name',index :'name',width:200,
sortable:true,
align:'center',
editable:true,
cellEdit:true,
edittype: 'select',
formatter: 'select',
editoptions:{value: getAllOptions()}
},
{name : 'type',index : 'type'},
],
rowNum : 10,
sortname : 'name',
viewrecords : true,
gridview:true,
pager : '#pager',
sortorder : 'desc',
caption : 'Setup',
datatype : 'json'
});
function getAllOptions(){
var timeZone = { '1': 'AM', '2': 'PM' };
return timeZone;
}
如上标题,如何在值为 AM 和 PM 的 jqgrid 中创建下拉菜单?。请在 jsfiddle 中分享。谢谢。
这应该适合你。
jQuery('#grid').jqGrid({
autowidth: true,
autoheight: true,
url : '',
mtype : 'POST',
colNames : [ 'ID','State', 'Type'],
colModel : [ {name : 'id',index : 'id',hidden:true,align:'center'},
{name : 'name',index :'name',width:200,
sortable:true,
align:'center',
editable:true,
cellEdit:true,
edittype: 'select',
formatter: 'select',
editoptions:{value: getAllOptions()}
},
{name : 'type',index : 'type'},
],
rowNum : 10,
sortname : 'name',
viewrecords : true,
gridview:true,
pager : '#pager',
sortorder : 'desc',
caption : 'Setup',
datatype : 'json'
});
function getAllOptions(){
var timeZone = { '1': 'AM', '2': 'PM' };
return timeZone;
}