i have taken two grids one on HTML page another one is in modal
When i double click on record of the grid on HTML page then i open one modal and in modal i have used another grid but while adding record in grid which is in modal then save and cancel toolbars not getting initialized.
I have created sample check on following link::
http://jsplayground.syncfusion.com/stcjvkcy
Sample
In that For modal i have defined ProductEditController in that
$scope.ScheduleEditSettings = { allowAdding: true, allowEditing: true, allowDeleting: true };
$scope.ScheduleToolbarSettings = { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] },
but when i open modal then grid get initialized in modal but when i add or edit record in grid in modal then save cancel tools from toolbar not get enabled
is there any issue for grid in modal ??
HTML code for modal
e-actioncomplete="ScheduleActionComplete" e-toolbarsettings="ScheduleToolbarSettings">
HTML code for modal::
<div ej-grid e-datasource="ScheduleData" e-columns="ScheduleColumns" e-editsettings="ScheduleEditSettings" e-actionbegin="ScheduleActionBegin"
e-actioncomplete="ScheduleActionComplete" e-toolbarsettings="ScheduleToolbarSettings">
</div>
<div class="panel-body" ng-controller="ProductListController"> <div id="Grid1" ej-grid e-datasource="ProductData" e-columns="ProductColumns" e-editsettings="ProductEditSettings" e-toolbarsettings="ProductToolbarSettings" e-recorddoubleclick="ProductRecorddoubleclick" e-databound="ProductDataBound" e-actionbegin="ProductActionbegin"> </div> |
Hi Gomtesh,
We are happy that the given solution resolved your issue. Please let us know if you have any other query. Regards,
Jayaprakash K.