Столбец igGrid Редактировать шаблон

Поддерживает ли igGrid редактирование/новые шаблоны столбцов?

У меня есть сетка, определенная ниже. Но шаблон не будет работать при редактировании/добавлении новой строки. Функция «ChooseEmployee» отображает всплывающее диалоговое окно, в котором пользователи могут выбрать сотрудника.

$(function() {
  var employees = [{
    Id: 1,
    "Name": "John, Smith",
    "DirectReports": "Mary, Ann;David,Lowe"
  }, {
    Id: 2,
    "Name": "Mary, Ann",
    "DirectReports": "Kelly,Walsh;Kevin, Edwards;Terri, Gibson"
  }];
 
  $('#grid1').igGrid({
    dataSource: employees,
    primaryKey: "Id",
    autGenerateColumns: false,
    width: "100%",
    columns[{
      headerText: "Id",
      key: "Id",
      dataType: "number",
      width: 100
    }, {
      headerText: "Name",
      key: "Name",
      dataType: "string",
      width: 120
    }, {
      headerText: "Reports",
      key: "DirectReports",
      dataType: "object",
      width: 300,
      template: "<div style='clear:both'><div style='overflow:hidden;white-space:wrap;max-width:320px;width:320px;float:left;'>${DirectReports}</div><input type='button' onclick='chooseEmployees(${Id});' value='...' style='float:left;' /></div>"
    }], 
   features: [ {name: "Updating", enableAddRow: true, editMode: "row" } ] 
  });

});
<table id="grid1"></table>


infragistics ignite-ui iggrid
person leesamanth    schedule 21.10.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

По сути, вам придется отменить исходное редактирование строк, которое выполняет igGrid, и вам придется программно вызывать обновление и добавление строк. Также этот шаблон будет работать для уже существующих строк, но не будет применяться при добавлении новой строки. Вы можете попробовать функцию Row Edit Template в igGrid, поскольку она представлена ​​в диалоговом окне редактирования окна. Если вы хотите выбрать из списка значений для этого конкретного столбца, вы можете использовать поставщика комбинированного редактора для этого столбца.

Вариант настройки поставщика редактора для столбца.

метод API updateRow.

метод API addRow.

Настройка шаблона редактирования строки.

person Konstantin Dinev    schedule 13.11.2014