如何在部分视图中加载模板以在同步融合网格中添加或编辑记录答案

【问题标题】：how to load template for add or edit record in for syncfusion grid in partial view如何在部分视图中加载模板以在同步融合网格中添加或编辑记录
【发布时间】：2015-06-05 11:47:50
【问题描述】：

我必须在网格中编辑和添加记录时，我必须在部分视图中加载添加记录模板来代替网格视图

我。 e.代替网格视图，我必须加载添加记录模板并且不想显示网格，保存后单击模板我必须加载该网格并添加新记录请仅使用 AngularJS 提出解决方案

<div ng-controller="LeadListController">
<div class="col-xs-9 col-sm-9 col-lg-9 col-md-9">
    <div id="Grid" ej-grid e-datasource="data" e-allowgrouping="true" e-pagesettings-pagesize="8" e-pagesettings-currentpage="page" e-toolbarsettings-showtoolbar='true' e-toolbarsettings-toolbaritems='tools' e-editsettings-allowdeleting=' true'
        e-editsettings-allowediting='true' e-editsettings-allowadding='true' e-allowpaging="true" e-beginedit="disableedit" e-sortsettings="sorting"
        e-editsettings-editmode='externalform' e-formposition="bottomLeft" e-editsettings-inlineformtemplateid="#template" e-selectedrowindex="selectedRow" e-allowsorting="true" e-endedit="endedit" e-actionbegin="actionBegin" e-actioncomplete="complete">
        <div e-columns>
            <div e-column e-field="EmployeeID" e-headertext="Employee ID" e-textalign="right" e-width="90"></div>
            <div e-column e-field="LastName" e-headertext="Last Name" e-textalign="left" e-width="90"></div>
            <div e-column e-field="FirstName" e-headertext="FirstName" e-textalign="left" e-width="90"></div>
            <div e-column e-field="Title" e-headertext="Title" e-textalign="left" e-width="90"></div>
            <div e-column e-field="City" e-headertext="City" e-textalign="left" e-width="90"></div>
            <div e-column e-field="Country" e-headertext="Country" e-textalign="left" e-width="90"></div>

        </div>
    </div>
</div>

【问题讨论】：

如果你在编辑时路由了视图，那么你必须自己处理编辑操作，网格不会处理它。你没事吧？
我没有使用路由，因为我不必在浏览器地址栏中显示 url。我已经使用 ng-hide 隐藏网格并处理用户自己的编辑操作我已经显示另一个页面代替网格但问题是当我从该编辑视图返回时我必须显示网格但因为它不起作用进入子控制器进行编辑操作
如果可能的话，让我们看看你的问题。 jsfiddle.net
like $scope.back = function () { alert($scope.$parent.gridpage);警报（$scope.$parent.leadview）； $scope.$parent.leadview = false; $scope.$parent.gridpage = true; };
我已在以下链接上传代码::jsfiddle.net/gomteshhatgine/9v4r8opd

标签： angularjs syncfusion

【解决方案1】：

ng-if 创建新的子作用域，如ng-include，因此访问子控制器内部的$scope.$parent.gridpage 将在ng-if 创建的作用域内搜索gridpage，因此它不起作用。

所以要访问网格的控制器范围，使用如下。

 $scope.back = function () {        
     $scope.$parent.$parent.leadview = false;
     $scope.$parent.$parent.gridpage = true;
     . . . . .

};

【讨论】：