0

次のデータグリッド定義があります。

<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>

しかし、構文エラーが発生します。angularアプローチでイベントを処理するにはどうすればよいですか? devextreme サイトでコード サンプルを見つけられませんでした。

4

1 に答える 1

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

于 2015-10-01T07:35:56.160 に答える