如何加载模板以在局部视图中为同步网格添加或编辑记录

时间:2015-06-05 11:47:50

标签: angularjs syncfusion

我必须做什么时候进行编辑并在网格中添加记录我必须在局部视图中加载添加记录模板来代替网格视图

我。即代替网格视图我必须加载添加记录模板,不想显示网格,保存后单击模板我必须加载该网格添加新的记录 请仅使用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>

1 个答案:

答案 0 :(得分:0)

ng-if创建新的子范围,例如ng-include,因此访问子控制器内的$scope.$parent.gridpage将搜索由gridpage创建的范围内的ng-if因此它不起作用。

要访问网格的控制器范围,请按以下步骤使用。

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

};
相关问题