Kendo UI - AngularJS：如何将网格绑定到$ scope上的对象？

我想将一个Kendo UI网格绑定到$scope上的一个对象，而不是kendo.data.dataSource。网格显示数据（位于对象中），但如果我更改数据或添加新行，则更改不会反映在$scope对象中。这是为什么？

我真正的问题是，我想显示两个网格顶部&底部，当用户从顶部网格中选择一行时，底部网格应该填充细节。但是，这些细节已经被提取并保存在顶部网格的数据源中（因此我没有底部网格的传输部分），因为我希望能够保存批次中的任何更改。

这是我如何结合我的网格

顶格

<div kendo-grid="mainGrid" 
     k-sortable="true" 
     k-editable="true" 
     k-selectable="'row'" 
     k-filterable="true" 
     k-resizable="true" 
     k-scrollable='{ "virtual":true }' 
     k-on-change="selected = dataItem" 
     k-options="mainGridOptions" 
     k-height="165"> 
    </div>

底电网

<div kendo-grid="detailGrid" 
    k-editable="true" 
    k-selectable="'row'" 
    k-options="detailGridOptions" 
    k-data-source="selected.Details" 
    k-height="125"></div>

这是我如何添加记录下电网

$scope.detailGrid.dataSource.add();

来源

2016-03-03 Obi-Wan Spock

到目前为止，我没有得到如何将Kendo UI网格绑定到$ scope上的对象。但是，对于我真正的问题，我找到了解决办法。

我绑定了on-save子网格事件，并将当前行明确标记为脏。

$scope.onDetailGridSave = function() { 
    $scope.selected.dirty = true; 
};

和HTML

k-on-save="onDetailGridSave()"

来源

2016-03-08 08:03:23

Kendo UI - AngularJS：如何将网格绑定到$ scope上的对象？

回答

相关问题