Hi Gomtesh,
Thanks for using Syncfusion products.
We are glad to let you know that we have created a sample based on your requirement and the same can be downloaded from below link.
Sample:
http://www.syncfusion.com/downloads/support/forum/119327/ze/Simple_JS_sample1398869491
In the above sample we have included Editing template from partial view using “
ng-include” angular directive. And then using angular “
ng-show” directive and “
actionBegin” Grid event we have hidden/shown Grid and Edit template. Please refer the following code snippets.
<div ej-grid id="gridID" e-datasource="data" e-columns="columns" e-actionbegin="editHandler">
</div>
</div>
<div ng-if="leadview">
<div ng-include="'EditTemplate.html'">
</div>
</div>
<script>
$scope.gridpage = true;
$scope.leadview = false;
$scope.editHandler = function (args){
if(args.requestType =="add" || args.requestType =="beginedit"){
var data = $.extend({},this.model.currentViewData[args.rowIndex]);
$scope.editData = data;
$scope.$apply(function(){
$scope.gridpage = false;
$scope.leadview = true;
});
args.cancel = true; // to prevent default action
}
}
|
Please let us know if you need any further assistance.
Regards,
Alan Sangeeth S