angularjs – 如何在角度ui网格中禁用编辑排序
发布时间:2020-12-17 16:56:14 所属栏目:安全 来源:网络整理
导读:我使用角度ui-grid来显示表格数据. 可以编辑单元格数据. 我注意到如果列被排序,然后如果我们编辑单元格,则排序被踢入并移动行.我想在单元格编辑上禁用排序,有没有办法做到这一点. 我在下面提供了plunker链接.在plunk中,首先按升序对第一列进行排序,然后将a2
我使用角度ui-grid来显示表格数据.
可以编辑单元格数据. <div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-edit > </div> var app = angular.module('app',['ngAnimate','ngTouch','ui.grid','ui.grid.edit','ui.grid.selection','ui.grid.rowEdit','ui.grid.cellNav']); app.controller('MainCtrl',function($scope) { $scope.gridOptions = { enableSorting: true,columnDefs: [ { field: 'A' },{ field: 'B' },{ field: 'C',enableSorting: false } ],onRegisterApi: function( gridApi ) { $scope.gridApi = gridApi; } }; $scope.gridOptions.data = [{'A':'a1','B':'b1','C':'c1'},{'A':'a3','B':'b3','C':'c3'},{'A':'a2','B':'b2','C':'c2'}]; }); see Plunk for the behavior 解决方法
从beginEditCell回调中,您可以知道用户何时正在编辑.
您可以利用保存和恢复ui-grid状态的优势. Save and Restore Ui-grid state 从afterCellEdit或cancelCellEdit回调,您可以知道用户何时完成编辑,然后您可以恢复. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |