ASP.net MVC アプリケーションに Jqgrid を実装しています。Jqgrid のグリッド列内にドロップダウン リストをバインドする必要があります。
これを行う方法を参照するための適切な堅実なコードを見つけることができませんでした..
誰でもこれを行う方法を提案できます..完全な例は素晴らしいでしょう.
ASP.net MVC アプリケーションに Jqgrid を実装しています。Jqgrid のグリッド列内にドロップダウン リストをバインドする必要があります。
これを行う方法を参照するための適切な堅実なコードを見つけることができませんでした..
誰でもこれを行う方法を提案できます..完全な例は素晴らしいでしょう.
editoptionsを使用してみてください
jQuery('#grid').jqGrid({
autowidth: true,
autoheight: true,
url : '',
mtype : 'POST',
colNames : [ 'ID','State', 'Product'],
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: getAllSelectOptions()}
},
{name : 'product',index : 'product'},
],
rowNum : 10,
sortname : 'name',
viewrecords : true,
gridview:true,
pager : '#pager',
sortorder : 'desc',
caption : 'Setup',
datatype : 'json'
});
function getAllSelectOptions(){
var states = { '1': 'Alabama', '2': 'California', '3': 'Florida',
'4': 'Hawaii', '5': 'London', '6': 'Oxford' };
return states;
}
あなたの中にcolModel
{ name: 'Decision', width: 200, editable: true, formatter: 'select', edittype: 'select', editoptions: {
value: {
'1': 'Option 1',
'2': 'Option 2',
'3': 'Option 3'
},
dataEvents: [
{
type: 'change',
fn: function (e) {
var row = $(e.target).closest('tr.jqgrow');
var rowId = row.attr('id');
jQuery("#jQGrid").saveRow(rowId, false, 'clientArray');
}
}
]
}
},
この例では、ドロップダウン変更イベントで行を保存します。完全な例については、このリンクを確認してください
お役に立てれば。