選択ドロップダウンリストを動的に設定するには、jqgrid の作成のすぐ上に変数を作成します。
var countries = $.ajax(
{url:'/Specimens/GetAreaStrList/',async: false,
success: function(data, result)
{
if (!result)
alert('Failure to retrieve the Countries.');
}
}
).responseText;
次に、グリッドにデータを入力します
{name:'AreaID', index:'AreaID', width:150, align:'left', editable:true,
edittype:"select",editoptions:{size: 71} }
],
onSelectRow: function(id)
{
if(id && id !== lastsel2)
{
jQuery('#list').restoreRow(lastsel2);
jQuery('#list').editRow(id, true);
lastsel2 = id;
}
},
loadComplete: function()
{
jQuery('#list').setColProp('AreaID', {editoptions: {value: countries}});
},
コントローラのコード:
public ActionResult GetAreaStrList() { return Content("171:ロシア連邦;86:他国"); }
私はこのブログからインスピレーションを受けました:
http://geekswithblogs.net/renso/archive/2009/07/02/jqgrid-dynamically-loading-select-options.aspx