เมื่อเร็ว ๆ นี้ฉันได้เปลี่ยนโครงการที่ฉันเขียนไว้ก่อนที่จะใช้ Easyi เป็นส่วนหน้า ฉันพบปัญหามากมายในกระบวนการ หนึ่งในนั้นคือ DataGrid ไม่สามารถจัดวางได้ดี ฉันได้คิดถึงหลายวิธีและมีข้อ จำกัด ที่ จำกัด ในที่สุดฉันคิดว่ามันเป็นปัญหาเลย์เอาต์หรือไม่ หลังจากฝึกซ้อมปัญหาได้รับการแก้ไขในที่สุด
1: ตัวอย่างเช่น DataGrid ใช้ในโครงการ หากอินเทอร์เฟซนั้นง่ายขึ้น - มีเพียงหนึ่ง dataGrid เพียงตั้งค่าแอตทริบิวต์ให้พอดีเป็นจริงเพื่อปรับให้เข้ากับแบบฟอร์มโดยอัตโนมัติ หากมี div อื่น ๆ เหนือ dataGrid dataGrid จะไม่ปรับให้เข้ากับแบบฟอร์มโดยอัตโนมัติ หากคุณตรวจสอบว่า DataGrid มีตัวควบคุมเพจคุณจะไม่สามารถเห็นการควบคุมการเพจ ในเวลานี้ควรใช้ Easyi-Layout เพื่อแยกแบบฟอร์มเพื่อวางเนื้อหาเฉพาะในส่วนต่าง ๆ ของ Easyi-Layout สิ่งนี้จะแก้ปัญหาการปรับตัวได้เป็นอย่างดี
รหัสมีดังนี้:
การคัดลอกรหัสมีดังนี้: <divdata-options = "fit: true">
<div data-options = "ภูมิภาค: 'North'" style = "ความสูง: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "ภูมิภาค: 'center'">
<table id = "part2"> </table>
</div>
</div>
2: Easyui-Layout ตามแท็กตัวถัง เมื่อขนาดหน้าต่างเบราว์เซอร์เปลี่ยนไป EasyUi-Layout สามารถปรับขนาดตามขนาดของหน้าต่าง Easyui-Layout ขึ้นอยู่กับแท็ก div หากคุณต้องการมีฟังก์ชั่นข้างต้นคุณต้องตั้งค่าคุณสมบัติ easyui-layout พอดีเท่ากับจริง
กรณีที่ 1:
คัดลอกรหัสดังนี้: <body>
<div data-options = "ภูมิภาค: 'North'" style = "ความสูง: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "ภูมิภาค: 'center'">
<table id = "part2"> </table>
</div>
</div>
กรณีที่ 2:
การคัดลอกรหัสมีดังนี้: <divdata-options = "fit: true">
<div data-options = "ภูมิภาค: 'North'" style = "ความสูง: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "ภูมิภาค: 'center'">
<table id = "part2"> </table>
</div>
</div>
3: เมื่อกำหนด EasyI ใน HTML วิธีการเขียนสองวิธีต่อไปนี้จะเหมือนกัน นั่นคือคุณสมบัติของการควบคุม EasyI สามารถเขียนได้ในคุณสมบัติ DataOptions หรือคุณสมบัติเหล่านี้สามารถเขียนบนแท็กได้
วิธีการเขียน 1:
การคัดลอกรหัสมีดังนี้: <divdata-options = "fit: true">
<div data-options = "ภูมิภาค: 'North'" style = "ความสูง: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "ภูมิภาค: 'center'">
<table id = "part2"> </table>
</div>
</div>
วิธีการเขียน 2:
คัดลอกรหัสดังนี้: <divfit = "true">
<div region = "North" style = "ความสูง: 100px;">
<table id = "part1"> </table>
</div>
<div region = "center">
<table id = "part2"> </table>
</div>
</div>
ข้างต้นเป็นเนื้อหาทั้งหมดของเนื้อหาที่ปรับตัวได้สูงของ EasyUi ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น