javascript - How to implement a CustomTile that can be consumed by sap.m.TileContainer in SAPUI5? -

-

I have increased the "custom tile" with some other controls and planned to use it in tile container. Example code for new tile: 

  jQuery.sap.declare ("xyz.control.MySpecialTile"); JQuery.sap.require ("sap.m.CustomTile"); Sap.m.CustomTile.extend ("xyz.control.MySpecialTile", {Metadata: {properties: {"icon": {type: "string", defaultValue: "sap-icon: // shipping-status"}}, }, // will be said during creation time: function () {this.addStyleClass ("some style"); var oCont = ... some content created with other controls ... this.setContent (oCont);} , Renderer: {}, on-premise: function () {}}); Var oFunctions = new sap.m.TileContainer ({width: "100%", // sap.ui.core.CSSSize height: "100%", // sap.ui.core.CSS Size tiles: [oCustomTile1, oCustomTile2 , Omespastile], // sap.ui.core.Control});

Where: oCustomTile1 and oCustomTile2 Certain standard custom tiles and omespace tile is an example of my own tile.

If I take "Omishishish tile" in any page, it will be shown, but if I put it in tile containant (code), then this tile will be hidden.

The question is, is there a problem in my code or is it a bug in the tile container? Can I assume that the tile container examines the type of elements and does not know my "new" class?

My general idea is, to make a custom tile with some defined content structure and certain attributes can be defined through binding.

You must call the base onAfterRendering function sap.m. CustomTile : 

  On-the-Operating: function () {sap.m.CustomTile.prototype.onAfterRendering.call (this); }

Please check and run the code snippet. 

  & lt; 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" & gt; & Lt; / Script & gt; & Lt; Script & gt; JQuery.sap.declare ("xyz.control.MySpecialTile"); JQuery.sap.require ("sap.m.CustomTile"); Sap.m.CustomTile.extend ("xyz.control.MySpecialTile", {Metadata: {properties: {"icon": {type: "string", defaultValue: "sap-icon: // shipping-status"}}, }, // will be said during creation time: function () {sap.m.CustomTile.prototype.init.call (this); this.addStyleClass ("someStyle"); var oCont = new sap.m.Button ( {Text: "My custom tile 2"}); // ... some content build with other controls ... this.setContent (oCont);}, renderer: {}, onerparenting: function () {sap. M. Customtail.prototype.onereferringcol (this);}}); Var container 1 = new sap.m.TileContainer ({width: "100%", // sap.ui.core.CSSSize height: "100%", // sap.ui.core.CSS Size tiles: [New SAP M.Castile ({content: new sap.m. button ({text: "custom tile 1"})}, New Execution Control. MySpecialTile (), New sap.m.CustomTile ({content: new sap. M button ({text: "custom tile 3"}}})))],}); New sap.m.App ({pages: new sap.m. page ({enableScrolling: incorrect, title: "tile container", content: [container 1]})}). Place ("content"); & Lt; / Script & gt; & Lt; Body id = "content" & gt; & Lt; / Body & gt;


Comments

Post a Comment

Popular posts from this blog

winforms - C# Form - Property Change -

-
I have a form that has a property named car A class with many properties. The Properties is being displayed on the current car on the basis of some user actions that are being displayed. So I have to know whether the property has been allocated or set to zero. I'm aware of INotifyPropertyChanged , but in my case I'm not sure that since this change I have changed my car properties car do not want to monitor the property. Any idea how to accomplish this? In advance thank you If you have created a true asset in your class then You should be a great and setter, you can add the code directly to the form property in order to take action on the basis of "form": Public partial category Form 1: form {public form 1 () {InitializeComponent (); } // define car square public class car {public string name = string. Empty; } // private car to keep the value of the current car private variable _car = null; // Property of public form which you can ru...
Read more

java - Messages from .properties file do not display UTF-8 characters -

-
Image
In the form of a title, I can only add that if I enter the html file manually, then it Okay. View Rolver: & lt; Bean id = "templorellolver" class = "org.thymeleaf.templateresolver.ServletContextTemplateResolver" & gt; & Lt; Property name = "prefix" value = "/ web-nf / templates" /> & Lt; Property name = "suffix" value = ". Html" /> & Lt; Property Name = "Template Mode" Value = "HTML5" /> & Lt; Asset name = "cacheable" value = "wrong" /> & Lt; Property Name = "characterEncoding" value = "UTF-8" /> & Lt; / Bean & gt; & Lt; Bean id = "Template Engine" class = "org.thymeleaf.spring3.SpringTemplateEngine" & gt; & Lt; Property Name = "Temploreolar" ref = "Templarolver" /> & Lt; / Bean & gt; & Lt; Bean square = "org.thymeleaf.spring3.view.Thymel...
Read more

javascript - amcharts makechart not working -

-
I am trying to create an amiratars serial chart on my Durandal single page application. This chart was working fine on Chrome browser but it is not working on IE. Can you please help me in this regard. Error while using Amcharts. The Macchart () method does not support the object in this object in IE.
Read more