如何綁定的jqGrid行單元格

Question

我在我的ASP.net MVC應用程序執行的jqGrid內的下拉列表。我需要一個下拉列表綁定的jqGrid的網格列內。

我無法找到任何好的可靠的代碼以供參考如何做到這一點..

任何人可以提出該怎麼辦this..a完整的示例將是巨大的。

Answer 1

嘗試使用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; 

} 

見here和check here for all

Answer 2

您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'); 
            } 
           } 
          ] 
        } 
        }, 

這個例子裏將節省下拉更改事件的一行。 檢查this link完整的例子

希望這會有所幫助。