使用angular-ui-grid预先选择加载行
Fr4ncx
我想选择页面加载时的某些行（工作日）
这是the子 plnkr.co/edit/48NyxngWNGIlOps1Arew?p=preview
有什么建议吗？
科莫
将以下属性添加到您的$scope.gridOptions对象：
onRegisterApi: function(gridApi) {
$scope.gridApi = gridApi;
$scope.gridApi.grid.modifyRows($scope.gridOptions.data);
$scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);
}
设置为a，$scope.gridApi以便在此功能之外需要时可以访问它。
您需要调用该modifyRows方法，以便能够对行进行更改。
然后选择第一行（仅作为示例）。
http://plnkr.co/edit/mvwlfaJiPDysbn2IrNpv?p=preview
要选择工作日，也许您可以尝试用以下内容代替最后一行：
$scope.gridOptions.data.forEach(function (row, index) {
if (row.isWorkingDay()) {
$scope.gridApi.selection.selectRow($scope.gridOptions.data[index]);
}
});
row.isWorkingDay 可以简单地检查日期是否在给定日期列表中。
如果您的数据是通过异步调用加载的，则只需选择回调中的行即可：
asyncCall.then(function (data) {
$scope.gridOptions.data = data;
$scope.gridApi.grid.modifyRows($scope.gridOptions.data);
$scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用UIImagePickerController预先选择图像
- 2
如何使用“ Select2”预先选择值
- 3
使用 db 在 for 循环中预先选择的选项
- 4
使用Angular UI-Grid，如何在不使用行选择的情况下访问行实体数据？
- 5
Angular ui Grid如何显示加载程序
- 6
使用Materialize CSS FW预先选择多个选择框的选项不起作用
- 7
我如何使用jQuery基于localStorage预先选择选择框和复选框
- 8
使用基因剔除在选择框中预先选择一个值
- 9
使用Materialize CSS FW预先选择多个选择框的选项不起作用
- 10
使用Kendo UI Grid选择单选按钮
- 11
如何在使用JavaScript中预先选择<select>列表项
- 12
使用预先选择的选项链接打开新页面（下拉）
- 13
无法使用 selenium 在 Angular UI Grid 中选择复选框
- 14
使用Angular ui-grid时列标题换行
- 15
使用Angular指令的Kendo UI Grid外键列
- 16
使用UI-Grid使angular-chartjs响应
- 17
使用angular-ui引导程序和预加载
- 18
使用 UI Router 解析防止 Angular 控制器加载
- 19
如何提前在Angular UI中正确使用选择与Firebase数据
- 20
从数据库加载预先选择的值以进行选择
- 21
Angular UI Grid演示错误
- 22
如何将Angular UI选择结果绑定到ui-grid / ng-grid
- 23
如何使用Angular UI选项卡和UI Grid重新绘制表？
- 24
如何在使用ui-router resolve显示任何UI之前加载Angular-translate
- 25
Angular UI-Grid expandableRow选择更改更新父级
- 26
Angular UI Grid-如何更改行选择视图
- 27
Angular UI下拉列表选择
- 28
Angular UI下拉列表选择
- 29
ui.grid行无法选择行
我来说两句