เอกสารในห้องสมุดของฉัน

แถบด้านข้างหลายราก

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

เลย์เอาต์พื้นฐาน

กฎพื้นฐานที่สุดของ FlexLayout + FlexLayoutContainer


โครงสร้างพื้นฐาน

FlexLayoutเป็นเลย์เอาต์ที่แบ่งในทิศทางเดียว (แถว/คอลัมน์) และลูกจะประกอบด้วย FlexLayoutContainerหากเป็น Fragment จะถูกทำให้เรียบง่ายและประมวลผลใหม่ แต่ควรใช้ชื่อคอนเทนเนอร์ที่แท้จริงเสมอเพื่อความปลอดภัย

tsx
กฎ layoutName / containerName

layoutName

레이아웃 단위의 고유 이름입니다. resize memory, container ref store, split screen store가 이 이름을 기준으로 묶입니다.

containerName

각 패널의 고유 이름입니다. open/close, double click, size observe, drag/drop target 식별에 사용됩니다.

direction

row는 좌우 분할, column은 상하 분할입니다.

เลย์เอาต์ที่ซ้อนกัน

หากต้องการใส่การแบ่งแนวตั้งในแนวนอนในหน้าจอเดียว ให้ใส่คอนเทนเนอร์อื่นภายใน FlexLayoutแต่ละเลย์เอาต์จะต้องมี layoutNameที่แตกต่างกันเพื่อหลีกเลี่ยงการชนกันของ store

tsx