如何在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。