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

Question

如何在Jqgrid for Field中使用自定义控件。添加/编辑弹出窗口中的示例我有一个日期字段，我想使用persionDatePiker，这些设置如何？

全心全意，

Answer 1

您需要将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。