Как использовать пользовательский элемент управления в jqGrid - PullRequest
Новая
       4

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

0 голосов
/ 02 февраля 2012

как использовать пользовательский элемент управления в Jqgrid для поля.Например, во всплывающем окне добавления / редактирования у меня есть поле даты, и я хочу использовать persionDatePiker, как эти настройки?

1 Ответ

3 голосов
/ 02 февраля 2012

Вам нужно установить 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({});
        }
    }
}

Подробнее см. Общие свойства редактирования .

...