如何在jqGrid中使用自定義控件

Question

如何在Jqgrid中使用自定義控件的字段。添加/編輯彈出式菜單中的示例我有一個日期字段，我希望使用persionDatePiker，這些設置如何？

感謝所有，

Answer 1

Yoou需要設置edittype到custom並提供custom_element和custom_value功能。來自文件的示例：

<script> 
function myelem (value, options) { 
    var el = document.createElement("input"); 
    el.type="text"; 
    el.value = value; 
    return el; 
} 

function myvalue(elem, operation, value) { 
    if(operation === 'get') { 
     return $(elem).find("input").val(); 
    } else if(operation === 'set') { 
     $('input',elem).val(value); 
    } 
} 

jQuery("#grid_id").jqGrid({ 
    colModel: [ 
     { 
     name:'price', 
     editable:true, 
     edittype:'custom', 
     editoptions:{ 
      custom_element: myelem, 
      custom_value:myvalue 
     } 
    }, 
    //... 
    ] 
}); 
</script> 

但是爲了整合例如jQuery UI Datepicker我用下面的代碼：

{ 
    name:'startTime', 
    label: 'Start time', 
    editable: true, 
    editoptions: { 
     dataInit: function (e) { 
      $(e).datetimepicker({}); 
     } 
    } 
} 

詳見Common Editing Properties。