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

时间:2015-09-30 15:58:04

标签: angularjs devextreme

我有以下数据网格定义:

<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网站上找到任何代码示例。

1 个答案:

答案 0 :(得分:0)

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

$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