如何使用 Angular js 设置 syncfusion 网格的最小高度?
How to set minimum height of syncfusion grid using Angular js?
我在当前项目中使用 Angularjs 处理同步融合网格(第三方自定义控件)。
我对网格的高度有一个小问题。我已经完成了一些设置网格高度的 angular 代码(我使用 "e-scrollsettings-height" 属性来这样做)但是当网格为空时它会使网格空白你可以看到附加的屏幕截图是有意义的。
一件事是我不想在我的网格中使用分页。
我想也许有一些关于 min-height 的属性,但我没有找到任何相关的属性。
我终于得到了答案所以我在这里发帖给其他人
可见:
<div class="gridStyle" ng-init="getList()" ma-cmis-grid-directive id="cmisGrid" e-scrollsettings-height="{{maximumGridHeight}}" e-actioncomplete="actioncomplete"></div>
在脚本文件中:
$scope.maximumGridHeight = 330;
$scope.actioncomplete = function (args) {
if (!this.initialRender && args.requestType == "refresh") {
var height = Math.ceil(this.getRowHeight() * this.model.currentViewData.length);
this.option("model.scrollSettings.height", height > $scope.maximumGridHeight ? $scope.maximumGridHeight : height);
}
else if (args.requestType != "sorting" && this.model.selectionType == "single")
{
var height = Math.ceil(this.getRowHeight() * this.model.currentViewData.length);
this.option("model.scrollSettings.height", height > $scope.maximumGridHeight ? $scope.maximumGridHeight : height);
}
}
我在当前项目中使用 Angularjs 处理同步融合网格(第三方自定义控件)。
我对网格的高度有一个小问题。我已经完成了一些设置网格高度的 angular 代码(我使用 "e-scrollsettings-height" 属性来这样做)但是当网格为空时它会使网格空白你可以看到附加的屏幕截图是有意义的。
一件事是我不想在我的网格中使用分页。
我想也许有一些关于 min-height 的属性,但我没有找到任何相关的属性。
我终于得到了答案所以我在这里发帖给其他人
可见:
<div class="gridStyle" ng-init="getList()" ma-cmis-grid-directive id="cmisGrid" e-scrollsettings-height="{{maximumGridHeight}}" e-actioncomplete="actioncomplete"></div>
在脚本文件中:
$scope.maximumGridHeight = 330;
$scope.actioncomplete = function (args) {
if (!this.initialRender && args.requestType == "refresh") {
var height = Math.ceil(this.getRowHeight() * this.model.currentViewData.length);
this.option("model.scrollSettings.height", height > $scope.maximumGridHeight ? $scope.maximumGridHeight : height);
}
else if (args.requestType != "sorting" && this.model.selectionType == "single")
{
var height = Math.ceil(this.getRowHeight() * this.model.currentViewData.length);
this.option("model.scrollSettings.height", height > $scope.maximumGridHeight ? $scope.maximumGridHeight : height);
}
}