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