我正在将angularjs 1.5.0与angular ui网格3.1.1一起使用。当我在控制器主体中分配gridOptions(传递给grid指令)对象时,如下所示:
$scope.gridOptions = {
data: [{"mock2": 1, "mock1": 2}, {"mock2": 10, "mock1": 22} ]
};
HTML:
<div ui-grid="gridOptions"></div>
它按预期显示该表。但是,当我尝试更改$ scope.on中的数据时:
$scope.$on('update', function (event, passedFromBroadcast) {
$scope.gridOptions.data= [{"mock2": "set", "mock1": "inside"}, {"mock2": "$scope", "mock1": "on"} ] ;
});
它仅呈现表的框架,包括分页时,还将呈现与分页相关的控件-但不呈现内容本身。内容(行标题和列标题)仅在我调整浏览器窗口大小后才会显示。
如何手动更新角度ui网格表?我已经尝试过的事情:
$scope.gridApi.core.handleWindowResize(); // Does not work
$scope.gridApi.core.refresh(); // Does not work
$timeout(function(){$scope.gridOptions.data= [{"mock2": "set", "mock1": "inside"}, {"mock2": "$scope", "mock1": "on"} ] ;}) // Does not work
此代码有两个问题,但是仅在浏览器窗口调整大小后才显示表内容的原因是缺少定义宽度和高度的css类,这是基本的(有效的)示例:
.grid {
width: 500px;
height: 250px;
}
并在HTML中:
<div class="grid" ui-grid="gridOptions"></div>
另一个问题(此线程中其他人提到的:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句