UI5 - フィルタコンボボックスの発行問題

Question

レポートのフィルタの一部としてコンボボックスをセットアップしました。

レポートは正常に機能しています。コンボボックスを表示する方法ではなく、別の順序でコンボボックスを配置したいという問題のみです。

それが今どのように見えるかの画像を見てください：

私はちょうどその下に私がしたいと思いながら、日、前列の終了日を起動し、日付範囲を配置したいと思いますエリア、出発、ライン&注文ステータスを設定します。それで2行のフィルター。

私のXMLビューは、次のようになります。

<Panel headerText="Order Report Filters" expandable="true" 
                id="filterPanel" expand="onPanelExpand" expanded="true"> 
                <content> 

                <f:SimpleForm editable="true" layout="ResponsiveGridLayout" 
                  id="mainform" labelSpanL="6" labelSpanM="6" 
                  adjustLabelSpan="false" emptySpanL="0" emptySpanM="1" 
                  columnsL="2" columnsM="2" class="formTitleStyle"> 

                  <f:content> 

                   <core:Title />              
                   <Label text="Date Range"> 
                   <layoutData> 
                     <l:GridData span="L6 M6 S6"/> 
                    </layoutData> 

                   </Label> 
                   <Select id="dateRangeSelect" items="{ path: '/DateRangeFilter'}" 
                    change="onDateRangeFilterSelect"> 
                    <core:Item key="{key}" text="{display}" /> 
                   </Select> 
                   <Label text="Start Date"> 
                    <layoutData> 
                     <l:GridData span="L6 M6 S6"/> 
                    </layoutData> 
                   </Label> 
                   <DatePicker id="startDate" enabled="false" 
                    change="onStartDateSelect" valueFormat="yyyy-MM-dd" placeholder="Choose Start Date ... " 
                    /> 
                   <Label text="End Date"> 
                    <layoutData> 
                     <l:GridData span="L6 M6 S6"/> 
                    </layoutData> 
                   </Label> 
                   <DatePicker id="endDate" enabled="false" 
                    change="onEndDateSelect" valueFormat="yyyy-MM-dd" placeholder="Choose End Date ... " 
                    /> 

                   <core:Title /> 
                   <Label id="idAreaLabel" visible="false"> 
                    <layoutData> 
                     <l:GridData span="L5 M5 S5"/> 
                    </layoutData> 
                   </Label> 
                   <Select id="areaSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                    change="onAreaSelect" visible="false" forceSelection="false"> 
                    <core:Item key="{ID_ORG_AREA}" text="{DS_VALUE}" /> 
                   </Select> 

                   <Label id="idDepartmentLabel" visible="false" text="Department"> 
                    <layoutData> 
                     <l:GridData span="L5 M5 S5"/> 
                    </layoutData> 
                   </Label> 
                   <Select id="departmentSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                    change="onDepartmentSelect" visible="false" enabled = "false" forceSelection="false"> 
                    <core:Item key="{ID_ORG_DEPARTMENT}" text="{DS_VALUE}" /> 
                   </Select> 


                   <Label id="idAssetLabel" visible="true" text="Line123"> 
                    <layoutData> 
                     <l:GridData span="L5 M5 S5"/> 
                    </layoutData> 
                   </Label> 
                   <Select id="assetSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                    change="onAssetSelect" enabled = "false" forceSelection="false"> 
                    <core:Item key="{ID_ORG_ASSET}" text="{DS_VALUE}" /> 
                   </Select> 


                   <Label id="idOrderStatusLabel" visible="true" text="Order Status"> 
                    <layoutData> 
                     <l:GridData span="L5 M5 S5"/> 
                    </layoutData> 
                   </Label> 
                   <Select id="orderStatusSelect" items="{ path: '/OrderStatus'}" 
                    change="loadTableData" visible="true" forceSelection="false"> 
                    <core:Item key="{key}" text="{display}" /> 
                   </Select>                               

                  </f:content> 
                 </f:SimpleForm> 

                </content> 
               </Panel> 

私は<span>タグの様々な順列や組み合わせを試してみましたが、それを行うことができませんでした。

誰でも入力を提供できますか？

ありがとうございます！

Answer 1

私は以下のあなたのような問題点から理解されるようにXMLコードであることを試してみてください。必要に応じて、この作品

<Panel headerText="Order Report Filters" expandable="true" 
          id="filterPanel" expand="onPanelExpand" expanded="true"> 
          <content> 

            <f:SimpleForm editable="true" layout="ResponsiveGridLayout" 
              id="mainform" labelSpanL="6" labelSpanM="6" adjustLabelSpan="false" 
              emptySpanL="0" emptySpanM="0" columnsL="4" columnsM="4" 
              class="formTitleStyle"> 

              <f:content> 

                <core:Title /> 
                <Label text="Date Range"> 
                  <layoutData> 
                    <l:GridData span="L6 M6 S6" /> 
                  </layoutData> 

                </Label> 
                <Select id="dateRangeSelect" items="{ path: '/DateRangeFilter'}" 
                  change="onDateRangeFilterSelect"> 
                  <core:Item key="{key}" text="{display}" /> 
                </Select> 

                <core:Title /> 
                <Label text="Start Date"> 
                  <layoutData> 
                    <l:GridData span="L6 M6 S6" /> 
                  </layoutData> 
                </Label> 
                <DatePicker id="startDate" enabled="false" 
                  change="onStartDateSelect" valueFormat="yyyy-MM-dd" 
                  placeholder="Choose Start Date ... " /> 

                <core:Title /> 
                <Label text="End Date"> 
                  <layoutData> 
                    <l:GridData span="L6 M6 S6" /> 
                  </layoutData> 
                </Label> 
                <DatePicker id="endDate" enabled="false" 
                  change="onEndDateSelect" valueFormat="yyyy-MM-dd" 
                  placeholder="Choose End Date ... " /> 

                <core:Title /> 

                <core:Title /> 
                <Label id="idAreaLabel" visible="true" text="Dropdown" > 
                  <layoutData> 
                    <l:GridData span="L5 M5 S5" /> 
                  </layoutData> 
                </Label> 
                <Select id="areaSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                  change="onAreaSelect" forceSelection="false"> 
                  <core:Item key="{ID_ORG_AREA}" text="{DS_VALUE}" /> 
                </Select> 

                <core:Title /> 
                <Label id="idDepartmentLabel" visible="true" text="Department"> 
                  <layoutData> 
                    <l:GridData span="L5 M5 S5" /> 
                  </layoutData> 
                </Label> 
                <Select id="departmentSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                  change="onDepartmentSelect" enabled="false" 
                  forceSelection="false"> 
                  <core:Item key="{ID_ORG_DEPARTMENT}" text="{DS_VALUE}" /> 
                </Select> 

                <core:Title />  
                <Label id="idAssetLabel" visible="true" text="Line123"> 
                  <layoutData> 
                    <l:GridData span="L5 M5 S5" /> 
                  </layoutData> 
                </Label> 
                <Select id="assetSelect" items="{ path: '/Rowsets/Rowset/0/Row'}" 
                  change="onAssetSelect" enabled="false" forceSelection="false"> 
                  <core:Item key="{ID_ORG_ASSET}" text="{DS_VALUE}" /> 
                </Select> 

                <core:Title /> 
                <Label id="idOrderStatusLabel" visible="true" 
                  text="Order Status"> 
                  <layoutData> 
                    <l:GridData span="L5 M5 S5" /> 
                  </layoutData> 
                </Label> 
                <Select id="orderStatusSelect" items="{ path: '/OrderStatus'}" 
                  change="loadTableData" visible="true" forceSelection="false"> 
                  <core:Item key="{key}" text="{display}" /> 
                </Select> 

              </f:content> 
            </f:SimpleForm> 

          </content> 
        </Panel>