angularjs - 使用 angularjs 处理 Devextreme 数据网格事件

Question

我有以下数据网格定义：

<div ng-controller="testCtrl">
    <div dx-data-grid="{ bindingOptions: { dataSource: 'model' },
        paging: {
            enabled: false
        },
        editing: {
            editMode: 'row',
            editEnabled: true,
            removeEnabled: true,
            insertEnabled: true
        },
        columns: [{
            dataField: 'Name',
            },
            {
            dataField: 'DateOfBirth',
            dataType: 'date'
            },
            {
            dataField: 'Note'
        }],
        onEditingStart: 
            function(e) {
                alert('EditingStart');
        },
        onRowInserted: 
            function(e) {
                alert('RowInserted');
        }
    }"></div>
</div>

但我得到一个语法错误。如何使用角度方法处理事件？我在 devextreme 站点上没有找到任何代码示例。

Answer 1

您不应直接在标记中使用事件处理程序。把它放到控制器上：

$scope.editingStart = function(e){
    alert("onEditingStart is fired");
}

然后，更新视图：

<div dx-data-grid="{
    <!-- data grid options... -->
    onEditingStart: editingStart }
 "></div>

我在这里创建了示例 - http://jsbin.com/nijuvewure/edit?html,output