jqGridでカスタムコントロールを使用する方法

Question

FieldのJqgridでカスタムコントロールを使用する方法。私は日付フィールドを持っていると私は使用したいpersionDatePiker、どのようにこれらの設定を行うのですか？

おかげで、すべて、

Answer 1

Yoouはcustomにedittypeを設定し、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を参照してください。