How to put checked list box in editor template

Question

I have a column in a grid that has a checked list box in it, using the e-edit-template tag to set the checked values via a comma-separated list of names. Now I'm converting the grid to use an inline form template for editing. How do I initialize the listbox in the template script, and how do I set the checked values? I've included my existing column template below for reference purposes.

function create() {
    return "<input>";
}
function read(args) {
    var data = args.ejDropDownList("getSelectedValue");

    if (!data)
      return "";

    return data;
}
function write(args) {
    var val = ej.isNullOrUndefined(args.rowdata["Roles"]) ? "" : args.rowdata["Roles"];
    val = val.replace(/, /g, ",");
    var data = @Html.Raw(Model.Roles);
    var datas = ej.DataManager(data).executeLocal(new ej.Query().where("Roles", "equal", val));
    args.element.ejDropDownList({
      dataSource: args.column[3].dataSource,
      fields: { text: "Name", value: "Name" },
      showCheckbox: true,
      width: "100%",
      value: val
    });
}

function queryCellInfo(args) {
    if (args.column.field == "Roles") {
      var field = "Name", merge = false; preds = [];
      var txt = args.data.Roles.split(", ");
      var predicate = new ej.Predicate(field, "equal", txt[0]);// ej.parseInt(txt[0]));
      for (var tx = 1; tx < txt.length; tx++) {
        preds.push(new ej.Predicate(field, "equal", txt[tx]));
        merge = true;
      }
      if (merge) {
        preds.unshift(predicate);
        predicate = ej.Predicate.or(preds);
      }
      var datas = ej.DataManager(args.column.dataSource).executeLocal(new ej.Query().where(predicate));
      var str = "";
      for (var s = 0; s < datas.length; s++) {
        str = s == 0 ? str.concat(datas[s].Name) : str.concat(", " + datas[s].Name)
      }
      $(args.cell).text(str);
    }
}

Renjith Singh Rajendran · Answer

Hi R Brain, Thanks for contacting Syncfusion support. We have analyzed your query and based on your requirement we have prepared a sample which could be downloaded from the link below, http://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication111016992436 We suggest you to use the action-begin and action-complete events of Grid. In the action-complete event we have rendered the dropdown list and bound the datasource in it. In the action-begin event we have assigned the values selected from the dropdown to the corresponding column. Please refer the code example below, ... ... ... Regards, Renjith Singh Rajendran.