Question

igGrid是否支持列编辑/新模板？

我的网格定义如下。但是编辑/添加新行时模板不起作用。＆＃34; ChooseEmployee＆＃34;功能显示一个弹出对话框，供用户从中选择员工。

＆＃13;

$(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" } ] 
  });

});

＆＃13;

<table id="grid1"></table>

＆＃13;

Answer 1

基本上你必须取消igGrid正在执行的原始行编辑，你必须以编程方式调用行更新和行添加。此模板也适用于已存在的行，但在添加新行时不会应用。您可以在框编辑对话框中尝试igGrid的行编辑模板功能。如果要从此特定列的值列表中进行选择，则可以使用此列的组合编辑器提供程序。

Option for configuring editor provider for the column.

updateRow API method.

addRow API method.

Setting up a row edit template.

igGrid列编辑模板

1 个答案: