TreeTable Design

Question

일부 동료들에게도 발생하는 sap.ui.table.TreeTable에 문제가 있습니다. 테이블에 대해 Fiori Guidelines을보고 있었고 일반적인 SAPUI5 스타일에 맞는 화살표가있는 스타일을 좋아합니다. 내 응용 프로그램에 TreeTable을 포함시킨 후 it has a really inapplicable style.

이제 내 질문 : 원하는 모양을 어떻게 얻을 수 있습니까? 잘못되었거나 추가 스타일이나 옵션이 누락 되었습니까?

정보를 정기적으로 : sap.ui.table.Treetable

컨트롤러 :

var testModel = new sap.ui.model.json.JSONModel(); 
    var testData = { 
     data:{ 
      subItems:[ 
       { 
        name:"NAME 1", 
        subItems:[ 
         { 
          name:"NAME 1-1", 
          subItems:[ 
           { 
            name:"NAME 1-1-1" 
           }, 
           { 
            name:"NAME 1-1-2", 
            subItems:[ 
             { 
              name:"NAME 1-1-2-1" 
             } 
            ] 
           } 
          ] 
         }, 
         { 
          name:"NAME 1-2", 
          subItems:[ 
           { 
            name:"NAME 1-2-1" 
           }, 
           { 
            name:"NAME 1-2-2", 
            subItems:[ 
             { 
              name:"NAME 1-2-2-1" 
             } 
            ] 
           } 
          ] 
         } 
        ] 
       }, 
       { 
        name:"NAME 2", 
        subItems:[ 
         { 
          name:"NAME 2-1", 
          subItems:[ 
           { 
            name:"NAME 2-1-1" 
           }, 
           { 
            name:"NAME 2-1-2", 
            subItems:[ 
             { 
              name:"NAME 2-1-2-1" 
             } 
            ] 
           } 
          ] 
         }, 
         { 
          name:"NAME 2-2", 
          subItems:[ 
           { 
            name:"NAME 2-2-1" 
           }, 
           { 
            name:"NAME 1-2-2", 
            subItems:[ 
             { 
              name:"NAME 1-2-2-1" 
             } 
            ] 
           } 
          ] 
         } 
        ] 
       }, 
       { 
        name:"NAME 3" 
       }, 
       { 
        name:"NAME 4" 
       }, 
       { 
        name:"NAME 5", 
        subItems:[ 
         { 
          name:"NAME 5-1" 
         }, 
         { 
          name:"NAME 5-2", 
          subItems:[ 
           { 
            name:"NAME 5-2-1" 
           } 
          ] 
         } 
        ] 
       } 
      ] 
     } 
    }; 
    testModel.setData(testData); 
    this.getView().byId("sapEquipmentTree").setModel(testModel,"testModel"); 

보기

<t:TreeTable 
    id="sapEquipmentTree" 
    rows="{path:'/data', parameters: {arrayNames:['subItems']}}" 
    selectionMode="MultiToggle" 
    enableSelectAll="false" 
    ariaLabelledBy="titleSAPTree"> 
     <t:toolbar> 
      <Toolbar> 
       <content> 
        <Title id="titleSAPTree" text="HEADER" /> 
       </content> 
      </Toolbar> 
     </t:toolbar> 
    <t:columns> 
     <t:Column width="13rem"> 
      <Label text="ColumnHeader"/> 
      <t:template> 
       <Text text="{name}"/> 
      </t:template> 
     </t:Column> 
    </t:columns> 
</t:TreeTable> 

SAPUI5 1.38.7

사용 표를 사용하여

도움 주셔서 감사합니다.

Answer 1

버전 1.38에서는 화살표 스타일을 얻기 위해 명시적인 폼 팩터 CSS 클래스 (예 : sapUiSizeCozy)를 설정해야합니다. Content Density

폼 팩터 CSS가없는 표 레거시 모드는 +/- 이미지 만 생성합니다.

버전 1.40부터 더 이상 필요하지 않으며 +/- 아이콘을 교체해야합니다.