Кендо Гантт изменить значения столбца - PullRequest
Новая
       11

Кендо Гантт изменить значения столбца

0 голосов
/ 17 марта 2020

Я использую Kendo UI для jQuery - виджет Ганта. Модель данных содержит два поля (Value1 и Value2). Как я могу использовать переключатель для переключения отображения значения в столбце с Value1 на Value2 и обратно (без повторной отправки запросов на сервер)? И как сначала инициализировать столбцы в зависимости от параметра (какое значение отображать в столбце)? 

public MyData {
  Id: number;
  PeriodStart: date;
  PeriodEnd: date;
  Value1: string;
  Value2: string;
}

$("#myGantt").kendoGantt({
  toolbar: [
    { template: kendo.template($("#MyTemplate").html()) }
  ],
  columns: [
    { field: "Id", title: "Id" },
    { field: "start", title: "Date begin" },
    { field: "end", title: "Date end" },
    { field: "TODO", title: "Value1 or Value2", width: 100 }
  ],
  ...
});

<script id="MyTemplate" type="text/x-kendo-template">
  <div>
    <div id="ganttRadioGroup">
      <label><input type="radio" name="nameGantt" id="name1" value="1" checked>Value 1</label>
      <label><input type="radio" name="nameGantt" id="name2" value="2">Value 2</label>
    </div>    
  </div>
</script>
<div id="myGantt"></div>

Как переключить значение? 

$("#ganttRadioGroup input").on("change", function () {
  let selectedRadioValue = $("input[name=nameGantt]:checked", "#ganttRadioGroup").val();
  // TODO
}
...