在SAPUI5中列出項目響應問題

我想做響應列表項。如何並排設置列表項目。它總是一個在另一個之下。這是我的代碼;在SAPUI5中列出項目響應問題

<l:Grid 
defaultSpan="L6 M6 S12" 
class="sapUiNoMargin sapUiNoContentPadding" 
hSpacing="5" 
vSpacing="5"> 
<l:content> 
    <List> 
     <items> 
      <!--TodoItem--> 
      <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer"> 
       <Panel class="todoListItem"> 
        <!--Content--> 
       </Panel> 
      </CustomListItem> 

      <!--PlanItem and ActivityItem--> 
      <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer"> 
       <Panel class="todoListItem"> 
        <!--Content--> 
       </Panel> 
      </CustomListItem> 

     </items> 
    </List> 
</l:content>

這裏是輸出圖像; 我該如何將這些物品並排放置。網格的響應佈局屬性是L6 M6 S12，但它不起作用。我在哪裏做錯了？感謝您的建議。

來源

2017-06-12 MLElyakan

如果你有2只列出了1伊特米，而不是1列表與2項可能會工作。在列表中，元素總是呈現爲一個在另一個之下。 – Marc

在列表中，網格佈局不適用，因爲佈局僅適用於直接子控件。您可以通過以下兩種方式

直接在網格控制刪除列表&地方CustomListItem設置並排列表項的一面。

   <!--PlanItem and ActivityItem--> 
       <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer"> 
        <Panel class="todoListItem"> 
         <!--Content--> 
        </Panel> 
       </CustomListItem> 

    </l:content> 
</l:Grid>

使用2名網格內的列表（如建議通過Marc）

<l:Grid 
    defaultSpan="L6 M6 S12" 
    class="sapUiNoMargin sapUiNoContentPadding" 
    hSpacing="5" 
    vSpacing="5"> 
    <l:content> 
     <List> 
      <items> 
       <!--TodoItem--> 
       <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer"> 
        <Panel class="todoListItem"> 
         <!--Content--> 

        </Panel> 
       </CustomListItem> 
      </items> 
     </List> 
     <List> 
      <items> 
       <!--PlanItem and ActivityItem--> 
       <CustomListItem type="Active" press="handlePanel3" class="todoListItemContainer"> 
        <Panel class="todoListItem"> 
         <!--Content--> 

        </Panel> 
       </CustomListItem> 
      </items> 
     </List> 
    </l:content> 
</l:Grid>

來源

2017-06-13 06:51:01

在SAPUI5中列出項目響應問題

回答

相關問題