Modifing w2ui plugin

Я использую w2ui (http://w2ui.com/) плагин.Modifing w2ui plugin

Рассмотрим следующий пример: 1

Я хочу, когда кнопка нажата добавить пустой редактируемые строки будет появился в сетке, чтобы добавить новую строку?
Я не нашел конфигурацию, чтобы скрыть окно поиска, как я могу скрыть это?
Как установить столбец как идентификатор? в настоящее время он просто признает recid.

2013-05-28 PHPst

Вот пример, как добавлять новые записи в сетке, когда кнопка нажата:

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" media="screen" href="../css/w2ui.css" /> 
    <script type="text/javascript" src="../js/jquery.min.js"></script> 
    <script type="text/javascript" src="../js/w2ui.js"></script> 
    <script> 
    $(function() { 
     $('#grid').w2grid({ 
     name: 'grid', 
     show: { 
      toolbar: true, 
      footer: true, 
      header: true, 
      columnHeaders: true, 
      lineNumbers: true, 
      toolbarDelete: true, 
      toolbarSave: true, 
      toolbarAdd: true 
     }, 
     columns: [   
      { field: 'recid', caption: 'ID', size: '50px', sortable: true, resizable: true, searchable: 'int' }, 
      { field: 'lname', caption: 'Last Name', size: '30%', sortable: true, resizable: true, searchable: true, 
      editable: { type: 'text' } 
      }, 
      { field: 'fname', caption: 'First Name', size: '30%', sortable: true, resizable: true, searchable: true, 
      editable: { type: 'text' } 
      }, 
     ], 
     onAdd: function (target, data) { 
      var recid = 1; 
      if (this.records.length > 0) recid = (Math.max.apply(Math, this.find({}))) + 1; 
      this.add({ recid: recid }); 
      $('#grid_grid_edit_'+ (this.records.length - 1) +'_1').focus(); 
     }, 
     onSave: function (target, data) { 
      var obj = this; 
      console.log(data); 
      data.onComplete = function() { 
      for (var r in data.changed) { 
       obj.get(data.changed[r].recid).editable = false; 
      } 
      obj.refresh(); 
      } 
     } 
     }); 
    }); 
    </script> 
    </head> 
    <body> 
     <div id="grid" style="width: 100%; height: 500px;"></div> 
    </body> 
    </html>

источник

2013-05-29 01:53:28 vitmalina

Поскольку это более важный вопрос. Я отвечу на него в следующем посте.
Чтобы скрыть поле поиска, вы можете сделать это, установив w2grid.show.toolbarSearch = false; См. http://w2ui.com/web/docs/w2grid.show для получения дополнительной информации.
recid - обязательное уникальное поле. Должно быть. Однако у вас может быть любое количество дополнительных столбцов, которые не должны быть видимыми или даже иметь соответствующие элементы в массиве столбцов. Если серверная сторона возвращает id как уникальный столбец, вы можете добавить прослушиватель событий onLoad и выполнить цикл через настройку записей, recid как id. Я знаю, что это не так красиво, но он выполнит свою работу. Изменение серверной части для возврата recit сделает ее довольно.

источник

2013-05-28 17:16:41 vitmalina

Спасибо, я надеюсь, что мы видим конфиг, чтобы установить столбец ID в будущих версиях. 'id: 'username'' – PHPst

Modifing w2ui plugin

ответ

Смежные вопросы