jqGrid edittype select cssクラス

Question

jqgridがedittypeを使用して作成する要素にCSSクラスを設定するにはどうすればいいですか：select？

$(window).load(function() { 
      GetProjects(); 
     }); 

     function GetProjects() { 
      jQuery("#tbl1").jqGrid({ 
       url: 'myurl', 
       datatype: "json", 
       mtype: 'POST', 
       colNames: ['Project', 'Module', 'Description'], 
       colModel: [ 
     { name: 'Project', index: 'Name', width: 90, editable: true, edittype: 'select', editoptions: { value: GetProjectOptions()} }, 
     { name: 'Name', index: 'Project.Name', width: 55, editable: true }, 
     { name: 'Description', index: 'Description', width: 90, editable: true } 
    ], 
       rowNum: 10, 
       rowList: [10, 20, 30], 
       pager: '#nav1', 
       sortname: 'Project.Name', 
       viewrecords: true, 
       sortorder: "desc", 
       caption: "DDS Project Modules", 
       jsonReader: { 
        repeatitems: false, 
        root: function (obj) { return obj; } 
       }, 
       width: '500', 
       loadonce: true, 
       hidegrid: false, 
       editurl: 'myurl' 
      }); 
      jQuery("#tbl1").jqGrid('navGrid', '#nav1', { edit: false, add: false, del: false }); 
     } 

     function AddRow() { 
      jQuery("#tbl1").jqGrid('editGridRow', "new", { reloadAfterSubmit: false, closeAfterAdd: true }); 
     } 

私はクラスを使用して試してみた：colModelの「のCssClass」しかし、それは動作しませんでした。ここに私のコードです。ここ は、HTMLの作成方法です：

<select name="Project" class="FormElement" id="Project" role="select" size="1"> 

任意の提案ですか？前もって感謝します！

Answer 1

editoptionsのdataInitメソッドを定義できます。たとえば、あなたは結果は以下のようになります次のコード

editoptions: { 
    value: GetProjectOptions(), 
    dataInit: function (elem) { 
     $(elem).addClass('ui-state-highlight'); 
    } 
} 

を試すことができます。