SAP UI5 Popover ไม่แสดงเนื้อหาอย่างถูกต้องหากเนื้อหาเป็น PAGE

ฉันกำลังพยายามใส่ มุมมอง XML ซึ่งมี หน้า เป็นเนื้อหา และวางไว้ใน ป๊อปโอเวอร์ มุมมอง xmlviewXML ที่ฉันใช้อยู่จะเป็นเช่นนี้ ,

<mvc:View controllerName="controllerPath"
    xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
    xmlns:core="sap.ui.core" height="100%" width="100%">
    <Page height="100%"
          width="100%">
    <content>
       //some content...
    </content>
    </Page>
</mvc:View>

และฉันกำลังสร้างป๊อปโอเวอร์แบบนี้ภายในส่วน

<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:core="sap.ui.core">
    <Popover
        title="{Name}"
        class="sapUiContentPadding"
        placement="Bottom">
       //placing above view here...
    </Popover>
</core:FragmentDefinition>

แต่ถ้าฉันทำอย่างนั้น มันจะไม่แสดงหน้าในป๊อปโอเวอร์เนื่องจากปัญหาเรื่องความสูง และฉันต้องการตั้งค่าความสูงของป๊อปโอเวอร์ตามความสูงของการดู (ความสูงของเนื้อหาป๊อปโอเวอร์) ฉันได้ลองโดยใช้ป๊อปโอเวอร์ contentHeight="auto" แต่จะใช้งานไม่ได้ ดังนั้นจะแสดงป๊อปโอเวอร์ได้อย่างไร ขึ้นอยู่กับเนื้อหาของมัน?


person Manjunath M    schedule 06.01.2017    source แหล่งที่มา
comment
อย่าใช้มุมมอง: วางเพจไว้ใน Popover ของคุณโดยตรง แล้วคุณจะพบกับสิ่งที่คุณต้องการ :) (ดู ต้องมีการควบคุมพาเรนต์ให้มีความสูงที่ชัดเจน เมื่อป๊อปโอเวอร์ถามขนาดของมันกับลูกของมัน : ทั้งสองสามารถทำได้ ไม่ได้ทำงานร่วมกันอย่างที่คุณคาดหวัง)   -  person Ji aSH    schedule 11.01.2017
comment
ที่จริงแล้ว ป๊อปโอเวอร์นี้เป็นคอนเทนเนอร์ทั่วไปที่ฉันต้องวางมุมมองใดก็ตามที่ฉันได้รับแบบไดนามิก .. มีวิธีแก้ไขสำหรับสิ่งนี้หรือไม่?   -  person Manjunath M    schedule 12.01.2017
comment
การตั้งค่าความสูงและความกว้างที่ชัดเจนให้กับมุมมองอาจใช้งานได้หรือไม่ (ไม่ใช่ 100% ขนาดเป็น px)   -  person Ji aSH    schedule 12.01.2017


คำตอบ (1)


ไม่มีคุณสมบัติความสูงและความกว้างสำหรับการควบคุม sap.m.Page อย่างไรก็ตาม sap.ui.core.View มีคุณสมบัติความสูงและความกว้าง ดังนั้น กำหนดความกว้างและความสูงให้กับมุมมอง ไม่ใช่หน้า

รหัส:

<mvc:View controllerName="controllerPath"
    xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
    xmlns:core="sap.ui.core" height="50rem"
          width="50rem">
    <Page >
    <content>
       //some content...
    </content>
    </Page>
</mvc:View>

นอกจากนี้ ให้กำหนดความกว้างและความสูงเริ่มต้นสำหรับ Popover แจ้งให้เราทราบหากสิ่งนี้เหมาะกับความต้องการของคุณ

อัปเดต: ฉันให้ความสูง 100% และความกว้าง 100% ให้กับมุมมองที่ฝังไว้และตั้งค่า 100% สำหรับ contentHeight และ contentWidth ของ Popover เจอทั้งหน้าเลย แนบภาพหน้าจอมาด้วย

ป้อนคำอธิบายรูปภาพที่นี่

person Rahul Bhardwaj    schedule 08.01.2017
comment
ใช่ แม้ว่าฉันจะให้ความสูงและความกว้างเพื่อดู แต่ก็เป็นปัญหาเดียวกันเช่นกัน และความสูงและความกว้างไม่ควรคงที่เหมือนใน PX หรือ REM ถ้าฉันให้ความสูงและความกว้างของมุมมองเป็นเปอร์เซ็นต์ ก็เป็นปัญหาเดียวกันเช่นกัน - person Manjunath M; 10.01.2017
comment
@ManjunathM อัปเดตคำตอบ แจ้งให้เราทราบหากวิธีนี้ใช้ได้ผล - person Rahul Bhardwaj; 10.01.2017
comment
ขอบคุณ แต่ฉันต้องการความสูงของเนื้อหาตามเนื้อหาของหน้า เช่น ป๊อปโอเวอร์นั้นควรแสดงจนกระทั่งข้อความสิ้นสุดและพื้นที่ด้านล่างที่ไม่มีประโยชน์...แล้วจะบรรลุผลนั้นได้อย่างไร - person Manjunath M; 10.01.2017