Как использовать пользовательский контроль в jqGrid

Question

Как использовать пользовательский контроль в Jqgrid для поля. пример в add/edit popup У меня есть поле даты и я хочу использовать 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 Посмотреть подробности.