Quantcast
Channel: SCN: Message List
Viewing all articles
Browse latest Browse all 2756

IconTabFilter content not showing

$
0
0

En taro community,

 

right now I have a problem regarding IconTabFilters. I implemented the following situation (using xml views):

 

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:l="sap.ui.commons.layout"       controllerName="test.ITBMatrix" xmlns:html="http://www.w3.org/1999/xhtml">       <SplitApp>            <masterPages>                 <Page title="Master">                       <List>                           <items>                                <StandardListItem title="Item 1" type="Active" press="hdlPress1" />                                <StandardListItem title="Item 2" type="Active" press="hdlPress2" />                           </items>                      </List>                 </Page>            </masterPages>            <detailPages>                 <Page title="Detail">                     <content>                           <Panel headerText="TestPanel"  expandable="true" expanded="true">                                     <IconTabBar expanded="true" expandable="true" items="{path: '/items'}">                                               <items>                                                     <IconTabFilter text="{Text}">                                                         <content>                                                             <l:MatrixLayout columns="2">                                                                   <l:rows>                                                                        <l:MatrixLayoutRow>                                                                             <l:cells>                                                                                  <l:MatrixLayoutCell colSpan="2">                                                                                       <l:content>                                                                                            <Title titleStyle="H3" text="Behandlung"/>                                                                                      </l:content>                                                                               </l:MatrixLayoutCell>                                                                        </l:cells>                                                                   </l:MatrixLayoutRow>                                                              <l:MatrixLayoutRow>                                                                   <l:cells>                                                                        <l:MatrixLayoutCell colSpan="2">                                                                                <l:content>                                                                                  <Text titleStyle="H3" text="{Text}"/>                                                                                </l:content>                                                                      </l:MatrixLayoutCell>                                                                   </l:cells>                                                              </l:MatrixLayoutRow>                                                         </l:rows>                                                    </l:MatrixLayout>                                               </content>                                          </IconTabFilter>                                     </items>                               </IconTabBar>                          </Panel>                      </content>                 </Page>            </detailPages>       </SplitApp></core:View>
sap.ui.controller("test.ITBMatrix", {  onInit: function() {  this.getView().setModel(new sap.ui.model.json.JSONModel({  "items" : []  }))  },  hdlPress1 : function(oEvent) {  var aItems = [{"Text" : "Test 1"}, {"Text" : "Test 2"}, {"Text" : "Test 3"}, {"Text" : "Test 4"}];  this.getView().getModel().setProperty("/items", aItems);  },  hdlPress2 : function(oEvent) {  var aItems = [{"Text" : "Dummy 1"}, {"Text" : "Dummy 2"}, {"Text" : "Dummy 3"}, {"Text" : "Dummy 4"}];  this.getView().getModel().setProperty("/items", aItems);  }
});

So if I open the App and click on "Item 1" I can see this:

itb1.JPG

As you can see:  The MatrixLayout is not shown. If you now click on the "Test 1" IconTabFilter to close it and click on again to expand it, you can see this:

itb2+.JPG

Does anybody have any idea why this is happening and how I can solve my problem? I am really desperate because this also happens if you substitute the MatrixLayout with a SimpleForm.

 

Thanks a lot

Nils


Viewing all articles
Browse latest Browse all 2756

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>