는 각도 및 검도 UI, 폭과 높이 검도 창

Question

동적으로 검도 그리드 의 콘텐츠를 설정할 수 나는 검도 윈도우의 높이와 너비를 원하는이 여기 내 검도 창

<div kendo-window="Operation.OperCustWind" 
     k-width="800" 
     k-height="700" 
     id="operCustWindow" 
     k-visible="false" 
     modal="true" 
     k-on-close="Operation.closeOperCustWindindow()"> 
     <div ng-show="Operation.IsOpers.isOpenCurrencyGrid"> 
      <div kendo-grid="Operation.currencyGrid" k-options="Operation.CurrencyGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenDecisionGrid"> 
      <div kendo-grid="Operation.decisionGrid" k-options="Operation.DecisionGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeA"> 
      <div kendo-grid="Operation.CodeAGrid" k-options="Operation.CodeAGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeB"> 
      <div kendo-grid="Operation.CodeBGrid" k-options="Operation.CodeBGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeC"> 
      <div kendo-grid="Operation.CodeCGrid" k-options="Operation.CodeCGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeD"> 
      <div kendo-grid="Operation.CodeDGrid" k-options="Operation.CodeDGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeE"> 
      <div kendo-grid="Operation.CodeEGrid" k-options="Operation.CodeEGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOpenCodeVid"> 
      <div kendo-grid="Operation.CodeVidGrid" k-options="Operation.CodeVidGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOprOZN"> 
      <div kendo-grid="Operation.OprOznGrid" k-options="Operation.OprOznGridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOprVid2"> 
      <div kendo-grid="Operation.OprVid2Grid" k-options="Operation.OprVid2GridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOprVid3"> 
      <div kendo-grid="Operation.OprVid3Grid" k-options="Operation.OprVid3GridOptions"></div> 
     </div> 
     <div ng-show="Operation.IsOpers.isOprRiVid"> 
      <div kendo-grid="Operation.OprRiVidGrid" k-options="Operation.OprRiVidGridOptions"></div> 
     </div> 
    </div> 

입니다 통화 기능 "Operation.OprOznGrid는"

vm.getOperOzn = function() { 
     vm.IsOpers.isOprOZN = true; 
     vm.OperCustWind.setOptions({ 
      title: "Довідник K_DFM10" 
     }); 
     vm.OperCustWind.open().center(); 
     vm.OprOznGrid.dataSource.read(); 
    } 

은 내가

나는 동적으로 F를 설정할 수 검도 윈도우의 높이와 너비를 원하는이 얻을 수 또는 검도 그리드의 내용

제발 도와주세요, 나는 매우 감사 할 것입니다! 내 영어로))

Answer 1

높이에 관해서는 검도 UI 창 높이를 제거하면 내용 높이에 따라 위젯이 확장 및 축소됩니다.

너비를 조정하는 것은 그다지 간단하지 않습니다. 창에 너비가 없으면 Grid의 너비에 따라 확장됩니다. 동시에 그리드는 기본적으로 100 % 너비로 확장 될 수 있습니다. 악의적 인 원이 발생하여 창을 너무 많이 확장시킬 수 있습니다.

내 생각에 min-width 및 max-width 스타일을 Grid에 적용하거나 모든 열 너비의 합계에 따라 명시적인 너비 스타일을 Grid에 설정하는 것이 좋습니다. 이 방법으로 그리드와 윈도우는 어느 정도 확장됩니다.