Javascript 如何在Syncfusion网格中添加angularJs或使Syncfusion行可单击并运行angularJs函数

Javascript 如何在Syncfusion网格中添加angularJs或使Syncfusion行可单击并运行angularJs函数,javascript,angularjs,syncfusion,Javascript,Angularjs,Syncfusion,我使用angularJs和Syncfusion在表中显示数据。为此,我使用了Syncfusion grid() 但我无法在此网格中使用angularjs函数: <div class="table-responsive grid-toggle"> <div id="GridId" ej-grid e-datasource="TableData"

我使用angularJs和Syncfusion在表中显示数据。为此,我使用了Syncfusion grid()

但我无法在此网格中使用angularjs函数:

<div class="table-responsive grid-toggle">

                <div id="GridId" ej-grid e-datasource="TableData"
                     e-allowfiltering="true" e-allowpaging="true" e-allowsorting="true" e-enabletouch="false" e-responsive="true"
                     e-allowselection="true" e-filtersettings-filterType="excel" e-allowtextwrap="true" e-recorddoubleclick="Get">
                    <div e-columns>
                        <div e-column e-field="Id" e-headertext="{{TableData.Id}}" e-width="2" ng-click="func()"></div>
                        <div e-column e-field="Nums" e-headertext="Nums" e-width="1"></div>
                        <div e-column e-field="Fams" e-headertext="Fams" e-width="2"></div>
                    </div>
                </div>
</div>

因此,在上面的代码中-第一列
e-headertext
不起作用,并且
ng单击也不起作用

有人能帮我完成这个挑战吗。我只想使表格动态化,并在网格中添加可单击的行。 由于筛选excel设置,我想坚持使用syncfusion


提前感谢。

感谢您联系Syncfusion支持部门

查询1:e-headertext不工作

我们已经修改了您的代码,并通过从范围变量设置headerText实现了您的要求

请检查下面的代码片段和示例


<div id="Grid" ej-grid e-datasource="data" e-allowpaging="true" e-allowfiltering="true"
e-filtersettings="filterType" >
          <div e-columns>
             <div e-column e-field="OrderID"></div>
             <div e-column e-field="CustomerID" e-headertext="headerText"></div>
             <div e-column e-field="ShipCity"></div>
          </div>
     </div>
    <script>
        angular.module('listCtrl', ['ejangular'])
            .controller('PhoneListCtrl', function ($scope,$rootScope) {
              $scope.data = window.gridData;
              $scope.headerText = "test header";
            });
   
  </script>

angular.module('listCtrl',['eAngular']))
.controller('PhoneListCtrl',函数($scope,$rootScope){
$scope.data=window.gridData;
$scope.headerText=“测试标题”;
});
样本:

查询2:在网格中添加可单击的行

我们建议您使用网格的rowSelected事件使行可单击,并基于单击执行操作。您还可以启用CellSelection并使用cellSelected事件。请查看以下API和帮助文档,
行选择:
单元格选择:
手机接收事件:
行所选事件:

请回复我们以获得进一步帮助

问候,
帕德马瓦西·卡马拉纳坦