SAPUI5 IconTabBar/IconTabFilter: Trigger Icon Tab Select -

SAPUI5 IconTabBar/IconTabFilter: Trigger Icon Tab Select -

i have xml view using display icontabbar. on user selecting 1 of these "icontab's" trigger method in controller js file.

i have next code 1 of icontab definitions.

class="lang-html prettyprint-override"><icontabfilter text="data" icon="sap-icon://documents" press="ondata"> <content press="ondata" id="data"> <cmn:tree nodes="{/aroot}"> <cmn:treenode text="{@name} tagnamehere?"></cmn:treenode> </cmn:tree> </content> </icontabfilter>

i assuming press="ondata" allow me trigger method on controller file. not.

does know if can done , if how?

thanks

martin

you can utilize select(ocontrolevent) event of parent icontabbar switching logic according key value of icontabfilter

class="snippet-code-html lang-html prettyprint-override"><script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script> <script id="view1" type="sapui5/xmlview"> <mvc:view xmlns:l="sap.ui.layout" controllername="test.controller" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:f="sap.ui.layout.form"> <l:verticallayout> <icontabbar select="onselectchanged"> <items> <icontabfilter key="1" text="test1"> <text text="test1 " /> </icontabfilter> <icontabfilter key="2" text="test2"> <text text="test2 " /> </icontabfilter> </items> </icontabbar> </l:verticallayout> </mvc:view> </script> <script> sap.ui.controller("test.controller", { onselectchanged: function(oevent) { var key =oevent.getparameters().key; if(key=='1') { alert("click test1"); } else if(key == '2') { alert("click test2") }; } }); var oview = sap.ui.xmlview({ viewcontent: jquery("#view1").html() }); oview.placeat("content"); </script> <boy class="sapuibody" id="content" />

sapui5