Using the GridComponent in Batch mode and adding a Multiselect component within editTemplate inside the ColumnDirective. However, when I update and change the values, the default 'Update' and 'Cancel' buttons on the toolbar grid option is not getting enabled. This occurs for my last field with editTemplate (Rating). Can you please help me how can I achieve multiselectComponent with 'Update' and 'Cancel' enabled at the toolbar when changed/modified. Kindly help me on this at the earliest. Please find below the code snippet for the same.
NOTE - I have imported all required components necessary.
<GridComponent
toolbar={this.toolbarOptions}
beforeBatchSave={this.batchSave.bind(this)}
ref={grid => this.gridInstance = grid}
batchAdd={this.batchAdd}
cellSave={this.cellSave}
cellEdit={this.cellEdit}>
<ColumnsDirective>
<ColumnDirective type='checkbox' width='50' />
<ColumnDirective field='EmpId' headerText='EmployeeID' editType='dropdownedit' edit={this.editparams} />
<ColumnDirective field='ProjectId' headerText='Project ID' width='140' allowEditing={false} isPrimaryKey={true} />
<ColumnDirective field='Rating' headerText='Rating' width='180' editTemplate={this.editTemplate.bind(this)} />
</ColumnsDirective>
<Inject services={[Edit, Toolbar, Selection]} />
</GridComponent>
this.toolbarOptions = ['Add', 'Edit', 'Delete', 'Update', 'Cancel'];
editTemplate(args) {
return (<MultiSelectComponent placeholder="Select Rating" dataSource={this.state.dataValues} change={this.handleChange.bind(this, args.CapitalProjectId)} />);
}
