sapui5 - Dynamically Change the path in fragments from controller UI5 -


i have fragment below path : mymodel1>/1/tilecollection want make dynamic controller mymodel1>/n/tilecollection n can 0 1000.

<core:fragmentdefinition xmlns="sap.m"     xmlns:f="sap.ui.layout.form" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"     xmlns:html="http://www.w3.org/1999/xhtml" xmlns:l="sap.ui.layout">  <page id="master22" showheader="false" enablescrolling="true" >          <tilecontainer       id="container">        tiles="{mymodel1>/1/tilecollection}">          <standardtile               icon="{mymodel1>icon}"           number="{mymodel1>number}"         numberunit="{mymodel1>numberunit}"         title="{mymodel1>title}"         info="{mymodel1>info}"         infostate="{mymodel1>infostate}"          press="handletilepress"/>          </tilecontainer>          </page>  </core:fragmentdefinition>

json string : when type key 0 , want different set of tiles , when 1 , different tiles....similarly goes on..

[{         "type": "01",         "typekey": "0",   "tilecollection" : [     {       "id-tile": "1ap",       "icon" : "sap-icon://inbox",       "number" : "899999",       "title" : "accounting documents",       "info" : "overdue",       "infostate" : "error",        "press" :  "sayalert"     },     {      "id-tile": "2ap",       "type" : "sap-icon://create",        "number" : "57899",       "title" : "pending invoices",       "info" : "28 days left",       "infostate" : "success"     }]              }, {                 "type": "02",                 "typekey": "1",                  "tilecollection" : [     {       "id-tile": "3ap",       "icon" : "sap-icon://inbox",       "number" : "899999",       "title" : "merchpay idocs",       "info" : "overdue",       "infostate" : "error",        "press" :  "sayalert"     },     {      "id-tile": "4ap",       "type" : "sap-icon://create",        "number" : "57899",       "title" : "pending invoices",       "info" : "28 days left",       "infostate" : "success"     }]                }]


Comments

Post a Comment

Popular posts from this blog

javascript - Create a stacked percentage column -

i have collection of data : var data = [ {"p301a":"10","p301b":"7","p301c":"7","p301d":"3","p301e":"8","p301f":"8","p301g":"8","p301h":"8","p301i":"8","p301j":"8","p301k":"8","p301l":"8","p301m":"8","p301n":"8","p301o":"8","age":"31-40 years","profesion":"2","position":"2"}, {"p301a":"5","p301b":"4","p301c":"4","p301d":"4","p301e":"4","p301f":"4","p301g":"4","p301h":"4","p301i":"4","p301j":"4","p301k":"4...
Read more

Optimising Firebase database by automatically overwriting data -

in firebase app have following structure: posts latest all users can write posts > latest . want limit entries 20 posts save space in database. , posts beyond 20 unnecessary never shown on homepage. how can limit posts 20, when user writes posts > latest posts @ end drop off (be deleted) automatically? this sample should you. you need : const max_log_count = 20; exports.removeold = functions.database.ref('/posts/latest/{postid}').oncreate(event => { const parentref = event.data.ref.parent; return parentref.once('value').then(snapshot => { if (snapshot.numchildren() >= max_log_count) { let childcount = 0; const updates = {}; snapshot.foreach(function(child) { if (++childcount <= snapshot.numchildren() - max_log_count) { updates[child.key] = null; } }); // update parent. removes children. ...
Read more

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -

Image
each grid cell can have more 1 customtemplate loaded. have directive holds watcher on model_col_field listen cell updates on scroll when dom rows updated , recompile celltemplate . without watcher , $compile rows repeat on scroll, showing same set of rows. is there more angular way of approaching or way improve performance? relevant controller code: create gridoptions.data & gridoptions.columndefs : var customtemp = '<div ng-repeat="opt in grid.appscope.colvalueoptionsmodel" ng-init="tempstring=model_col_field.clazz+opt.key;"><comparison-directive dbo="model_col_field" attobj="opt" fff="grid.appscope.getattributetemplate(tempstring)" /></div>'; $scope.gridoptions.columndefs = [ { name:'yindex',pinnedleft:true,celltemplate: customtemp, displayname:'index'}, { name:'col1',celltemplate: customtemp}, { name:'col2',celltemplate: c...
Read more