gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615"},"updated":{"$t":"2023-12-26T13:46:15.660-08:00"},"category":[{"term":"scp"},{"term":"SAP ABAP"},{"term":"Tutorial series on SAP Enterpise Portal"},{"term":"geocoder"},{"term":"export sapui5 project"},{"term":"events in classical reports"},{"term":"util"},{"term":"layout"},{"term":"pull"},{"term":"joins"},{"term":"tables"},{"term":"SEGW"},{"term":"viz charts"},{"term":"sap cloud platform mobile services"},{"term":"types of views"},{"term":"Security Considerations"},{"term":"sap web ide deprecated"},{"term":"pool"},{"term":"SAP ABAP function modules"},{"term":"tree table"},{"term":"cloud foundry"},{"term":"custom login page"},{"term":"sap cloud platform for portal sites"},{"term":"admin cockpit sap cloud mobile services"},{"term":"Introduction to SAP portal sites"},{"term":"srv"},{"term":"hcp"},{"term":"OOPs Concepts"},{"term":"sap fiori tools"},{"term":"SAP ABAP Blog."},{"term":"export sap projects"},{"term":"ui5"},{"term":"maintainability"},{"term":"associations"},{"term":"combo box"},{"term":"SAP BAS"},{"term":"Logon Page in Enterprise Portal"},{"term":"margins"},{"term":"Web IDE"},{"term":"mtar"},{"term":"CAP"},{"term":"ABAP Development"},{"term":"sap viz frame"},{"term":"sort"},{"term":"Plugin"},{"term":"appearance"},{"term":"workflow"},{"term":"Agile Development"},{"term":"architecture of sap fiori"},{"term":"outer join"},{"term":"SAP S/4HANA"},{"term":"sap fiori"},{"term":"Data Storage"},{"term":"file"},{"term":"SAP overview"},{"term":"function"},{"term":"Sapui5 jobs"},{"term":"Classical report"},{"term":"sap fiori tutorial"},{"term":"webIDE application"},{"term":"Installation of sap ui5 plugin"},{"term":"app router"},{"term":"Scalable Applications"},{"term":"smarttable"},{"term":"odata tutorial"},{"term":"sap enterprise portal"},{"term":"vizframe control"},{"term":"stage"},{"term":"events"},{"term":"selected index"},{"term":"tab"},{"term":"How to export SAP Web IDE Workspace projects"},{"term":"hello world application"},{"term":"SAPUI5 data communication"},{"term":"online training abap"},{"term":"SAP NetWeaver Portal"},{"term":"apps"},{"term":"pfcg"},{"term":"sap mobility jobs"},{"term":"commit"},{"term":"launchpad"},{"term":"DPC"},{"term":"Pass by value and return"},{"term":"routing in split app"},{"term":"Module Pool"},{"term":"sapui5 xml editor"},{"term":"sap.m.list"},{"term":"searching"},{"term":"tag"},{"term":"CAPM Apps"},{"term":"css folder"},{"term":"get expanded entity"},{"term":"ABAP Job Preparation"},{"term":"mta"},{"term":"custom image"},{"term":"xlsx"},{"term":"Mock data"},{"term":"multi target application"},{"term":"javascript"},{"term":"Routing"},{"term":"responsive table in sapui5"},{"term":"add and delete operation"},{"term":"csv upload validation"},{"term":"saml"},{"term":"external library"},{"term":"ALV programming examples"},{"term":"sap btp"},{"term":"Custom Controls"},{"term":"Project structure"},{"term":"openui5"},{"term":"dv"},{"term":"create destinations to connect mobile services from sap web ide"},{"term":"sap custom portal sites"},{"term":"modules"},{"term":"Interactive Reports"},{"term":"user experience sap"},{"term":"odata v2"},{"term":"ABAP New Features"},{"term":"Developer Tips"},{"term":"sap fiori launchpad configuration"},{"term":"Logon to SAP ABAP"},{"term":"cloud foundary"},{"term":"SAP ABAP Certification"},{"term":"Tutorials"},{"term":"ABAP Interview Questions"},{"term":"controller"},{"term":"Routing in sapui5"},{"term":"Environment variables"},{"term":"ALV reports"},{"term":"Transport Request Number"},{"term":"sap fiori enterprise portal"},{"term":"CSN"},{"term":"Parts"},{"term":"jwt token"},{"term":"register cloud platform"},{"term":"annotations"},{"term":"Navigation Properties"},{"term":"component.js"},{"term":"deman pop-in"},{"term":"configure catalogs and groups"},{"term":"Best practices"},{"term":"local service"},{"term":"sap web ide"},{"term":"i18n"},{"term":"Dialog sapui5"},{"term":"chrome"},{"term":"ABAP Coding Best Practices"},{"term":"HANA Modeling"},{"term":"charts in sapui5"},{"term":"sap fiori enterprise portal sites"},{"term":"google maps"},{"term":"SAP Business Technology Platform"},{"term":"formatters"},{"term":"resource bundle"},{"term":"Pass by reference"},{"term":"pass multiple values"},{"term":"projection views"},{"term":"sapui5 diagnostics window"},{"term":"web dynpro"},{"term":"webapp"},{"term":"get expanded entityset"},{"term":"Setting Up an App Router in SAP CAPM Project on BTP: A Step-by-Step Guide"},{"term":"help views"},{"term":"BDC"},{"term":"contrller"},{"term":"video tutorial on nested views and fragments"},{"term":"iwfnd"},{"term":"odata"},{"term":"debugging javascript files"},{"term":"smart table"},{"term":"SAP Programming"},{"term":"SAP Development"},{"term":"SAP netweaver gateway"},{"term":"api"},{"term":"Blobs in JavaScript"},{"term":"sap fiori apps"},{"term":"Visual studio code"},{"term":"How to Change logon Page of Enterprise Portal"},{"term":"dynamic"},{"term":"sapui5 code editor"},{"term":"git"},{"term":"xml code editor"},{"term":"Transaction code"},{"term":"parameter"},{"term":"ABAP on HANA interview questions and answers"},{"term":"Global sub routines"},{"term":"interactive reports example"},{"term":"layouts"},{"term":"ABAP List Viewer"},{"term":"JDK"},{"term":"filter"},{"term":"Fragment in sapui5"},{"term":"controller.js"},{"term":"video tutorial on globalization"},{"term":"CLASSICAL REPORTS"},{"term":"Sorting"},{"term":"odata v4"},{"term":"CRUD operations"},{"term":"create OData service"},{"term":"crud"},{"term":"Navigation"},{"term":"authorization"},{"term":"responsive"},{"term":"SAP functional modules"},{"term":"validate using headers"},{"term":"CDL"},{"term":"SUB ROUTINES"},{"term":"interactive reports events"},{"term":"sheet.js"},{"term":"MDK introduction"},{"term":"SAP Bussiness Application Studio"},{"term":"begin set"},{"term":"UI5 Inspector"},{"term":"get cursor"},{"term":"drag and drop"},{"term":"component preload"},{"term":"ABAP"},{"term":"spider chart"},{"term":"interview tips"},{"term":"view"},{"term":"Sap RAP"},{"term":"Answers"},{"term":"Templates and Accelerators in SAP Portal sites"},{"term":"work Area"},{"term":"SAP ABAP on HANA"},{"term":"sap webide"},{"term":"read"},{"term":"ABAP HANA Integration"},{"term":"sap MDK"},{"term":"ABAP 7.5"},{"term":"submitbatch"},{"term":"version"},{"term":"transparent"},{"term":"Microservices in SAP BTP"},{"term":"resources"},{"term":"import"},{"term":"SAP Data Presentation"},{"term":"create"},{"term":"SAP ECC"},{"term":"debug files in production environment"},{"term":"sap fiori configuration cockpit portal sites"},{"term":"SAP cloud solutions"},{"term":"speech recognition"},{"term":"groups"},{"term":"icf"},{"term":"ABAP 7.6"},{"term":"custom control"},{"term":"configuring destination in sap web ide"},{"term":"viz control"},{"term":"Mta yaml"},{"term":"odata deep structures"},{"term":"BAS"},{"term":"push"},{"term":"ios"},{"term":"data element"},{"term":"search"},{"term":"ALV Grid Report"},{"term":"Internal Tables"},{"term":"properties"},{"term":"minScreenWidth"},{"term":"configuring tiles"},{"term":"aggregation binding"},{"term":"grouping"},{"term":"controller hooks"},{"term":"portal site"},{"term":"import project"},{"term":"ABAP Developer Tips"},{"term":"json model"},{"term":"Introduction"},{"term":"branding"},{"term":"list"},{"term":"SAP Technical Interviews"},{"term":"android"},{"term":"package"},{"term":"SAP Fiori Configuration cockpit"},{"term":"create cloud foundary account"},{"term":"sap app"},{"term":"custom sapui5 app extension"},{"term":"edit"},{"term":"SAP ABAP views"},{"term":"excel"},{"term":"ABAP Code Examples"},{"term":"SmartForms"},{"term":"logo"},{"term":"sap freestyle portal sites"},{"term":"HANA Development"},{"term":"fiori apps"},{"term":"Image Upload"},{"term":"javascript code editor"},{"term":"OData v4 advantages"},{"term":"Development"},{"term":"index of list"},{"term":"offline capabilities"},{"term":"containers"},{"term":"portal"},{"term":"changeset"},{"term":"Binary Data Handling"},{"term":"distance"},{"term":"sap cloud foundary"},{"term":"technical interview questions"},{"term":"Cloud Application Programming Model"},{"term":"implementing SAP Fiori"},{"term":"odat v4"},{"term":"MockSever"},{"term":"Event Handling"},{"term":"local development"},{"term":"RAP Implementation"},{"term":"sap ui5 excel upload"},{"term":"Data types"},{"term":"How to get Selected table index value?"},{"term":"xml view"},{"term":"hierarchial ALV"},{"term":"extending apps"},{"term":"sap capm"},{"term":"manifest.json"},{"term":"DDIC"},{"term":"ABAP Data Modeling"},{"term":"reports"},{"term":"User Interaction"},{"term":"batch processing in OData"},{"term":"login"},{"term":"sap backend system"},{"term":"event"},{"term":"authentication"},{"term":"css"},{"term":"job search"},{"term":"types of subroutines"},{"term":"LOCAL SUB ROUTINES"},{"term":"mobile development kit"},{"term":"item"},{"term":"sap fiori portal site"},{"term":"enable sap web ide"},{"term":"use strict"},{"term":"json"},{"term":"routing in full application"},{"term":"Introduction to sap enterprise portal"},{"term":"doalog"},{"term":"CDS"},{"term":"chart.js"},{"term":"Mdk app"},{"term":"ALE"},{"term":"mfa"},{"term":"view extensions"},{"term":"sap abap tutorials"},{"term":"system objects"},{"term":"maint_service"},{"term":"introduction to sapui5"},{"term":"Dev Tools"},{"term":"Configure Catalog and Groups in SAP Fiori Portal Sites"},{"term":"design principles"},{"term":"component configuration"},{"term":"ABAP Job Interview Insights"},{"term":"rest"},{"term":"sap fiori launchpad"},{"term":"google maps api"},{"term":"MPC"},{"term":"inline expressions"},{"term":"data binding"},{"term":"table"},{"term":"cache buster"},{"term":"setup"},{"term":"tiles"},{"term":"HANA Performance Tuning."},{"term":"Pass by value (or) call by value"},{"term":"beginset"},{"term":"path"},{"term":"XS-UAA"},{"term":"model folder"},{"term":"sapui5"},{"term":"view replacement"},{"term":"introduction to ERP"},{"term":"example classical report example"},{"term":"SAP MTA"},{"term":"external style"},{"term":"Internal Table"},{"term":"step by step process to create odata"},{"term":"update"},{"term":"add"},{"term":"walkthrough admin cockpit"},{"term":"fiori"},{"term":"python"},{"term":"hello world"},{"term":"sapui5 code validator"},{"term":"responsiveness"},{"term":"node.js"},{"term":"Search Help in DDIC"},{"term":"backend components"},{"term":"custom fiori app"},{"term":"xs security"},{"term":"introduction to sap web ide"},{"term":"SAP CAP"},{"term":"SAP technical modules"},{"term":"inner join"},{"term":"string"},{"term":"internal style"},{"term":"lpd_cust"},{"term":"radar chart"},{"term":"csv"},{"term":"OData v2 vs. OData v4"},{"term":"validation"},{"term":"nested view"},{"term":"push a project in github"},{"term":"aggregations"},{"term":"charts"},{"term":"SAP Fiori Launchpad Portal Site"},{"term":"sapui5 project"},{"term":"introduction to odata annotations"},{"term":"export project"},{"term":"types of tables"},{"term":"operations on internal table"},{"term":"large string"},{"term":"Activate OData Service in SICF"},{"term":"sapui5 lint"},{"term":"Most common examples in sap ui5"},{"term":"video tutorial on formatter and inline expressions"},{"term":"pdf"},{"term":"fiori launchpad"},{"term":"extending sapui5 apps"},{"term":"sap mobile services"},{"term":"sap mobile services tutorial"},{"term":"sap portal site"},{"term":"Fragment"},{"term":"Configuring Fiori Tiles in sap portal sites"},{"term":"mdk"},{"term":"annotations in OData"},{"term":"sap mobile development kit"},{"term":"metadata.xml"},{"term":"SAP Mobile cards"},{"term":"SAP ABAP video tutorials"},{"term":"btp"},{"term":"setup sap bussiness application studio"},{"term":"ABAP Innovations"},{"term":"Introduction and DDIC"},{"term":"introduction to sap fiori"},{"term":"optimization"},{"term":"examples"},{"term":"- SAP ABAP performance optimization\n\n- ABAP performance tuning\n\n- SAP ABAP best practices\n\n- SAP ABAP performance tips\n\n- ABAP performance optimization techniques\n\n- SAP ABAP performance improvements"},{"term":"sap"},{"term":"SAP Tech Trends"},{"term":"sapui5 csv file upload import"},{"term":"sap.m.table"},{"term":"frontend components"},{"term":"Field Catalog"},{"term":"File Manipulation"},{"term":"SAP RAP Tutorial"},{"term":"js"},{"term":"mobile services in cloud foundary"},{"term":"sicf"},{"term":"roles"},{"term":"file reader"},{"term":"maintainence view"},{"term":"Security"},{"term":"SAP implementation."},{"term":"domain"},{"term":"sap cloud platform SDK"},{"term":"Globalization and localization"},{"term":"xml"},{"term":"marker"},{"term":"SAP Interview Prep"},{"term":"sap web IDE Workspace export"},{"term":"re usability"},{"term":"sapui5 nested view"},{"term":"voice recognition"},{"term":"sap fiori application"},{"term":"video tutorial on routing"},{"term":"Offline app"},{"term":"index"},{"term":"Latest ABAP FAQs"},{"term":"Naming conventions"},{"term":"fiori tiles"},{"term":"fiori jobs"},{"term":"SAPui5 application on SAP bussiness application studio"},{"term":"database views"},{"term":"upload"},{"term":"sapui5 excel import"},{"term":"Batch"},{"term":"sapui5 project structuring"},{"term":"token"},{"term":"handling localized texts"},{"term":"globalization"},{"term":"SAP HANA clould cockpit"},{"term":"deploy to cloud foundry"},{"term":"test Odata service"},{"term":"github"},{"term":"sap fiori jobs"},{"term":"sap cloud platform"},{"term":"capm"},{"term":"sapui5 github"},{"term":"formatter"},{"term":"cluster"},{"term":"ALV Grid Tutorial"},{"term":"controller extension"},{"term":"fiori app"},{"term":"view extension"},{"term":"Cloud-Native Architecture"},{"term":"HANA"},{"term":"multi cloud environment"},{"term":"interview questions"},{"term":"filtering"},{"term":"ABAP CDS Views"},{"term":"variable names"},{"term":"CQL"},{"term":"gulp"},{"term":"boolean"},{"term":"SAP modules"},{"term":"delete"},{"term":"logon page"},{"term":"introduction to sap abap"},{"term":"sapui5 apps"},{"term":"pull a project"},{"term":"split app"},{"term":"sapui5 best practices"},{"term":"read table"},{"term":"SAP OData"},{"term":"Debugging ABAP"},{"term":"universal worklist"},{"term":"expression"},{"term":"controls and views"},{"term":"Custom control to make a Radar Chart using Chart.js library in SAPUI5."},{"term":"Cache"},{"term":"view modification"},{"term":"odata tutorial series"},{"term":"xls"},{"term":"sap BTP CAPM"},{"term":"append operation"},{"term":"code quality"},{"term":"example of CAP"},{"term":"header item relationship"},{"term":"launchpad configuration"},{"term":"Latest ABAP Updates"},{"term":"sap ui5"},{"term":"dataset"},{"term":"register odata service"},{"term":"padding"},{"term":"RAP"},{"term":"OData v2 benefits"},{"term":"v4"},{"term":"ABAP Enhancements"},{"term":"responsive table"},{"term":"npm"},{"term":"RAP Model"},{"term":"catalogs"},{"term":"sap fiori elements"},{"term":"login configuration"},{"term":"Web Application Development"},{"term":"application"},{"term":"value"},{"term":"enterprise portal"},{"term":"selected"}],"title":{"type":"text","$t":"SAP Development: Mastering SAP UI5, BTP, Fiori, CAPM, RAP, ABAP; and More!"},"subtitle":{"type":"html","$t":"Welcome to the ultimate SAP UI5, BTP, Fiori, CAPM, RAP, ABAP blog! Explore comprehensive tutorials, interview questions, and real-world examples to master SAP development. Elevate your skills in creating stunning UI5 apps, harnessing the power of BTP, and building Fiori applications. Unlock the potential of CAPM, RAP, and ABAP, and learn to integrate seamlessly with the enterprise portal. Whether you're a beginner or an experienced developer, this blog is your go-to resource for SAP expertise!"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/formatter?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/formatter?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"alternate","type":"text/html","href":"http://www.sapui5tutors.com/search/label/formatter"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"2"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"50"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-1149176880110197926"},"published":{"$t":"2023-06-15T03:14:00.002-07:00"},"updated":{"$t":"2023-06-15T03:14:14.515-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"formatter"},{"scheme":"http://www.blogger.com/atom/ns#","term":"data binding"},{"scheme":"http://www.blogger.com/atom/ns#","term":"path"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Parts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"pass multiple values"}],"title":{"type":"text","$t":"Using Parts in formatters to pass multiple fields"},"content":{"type":"html","$t":"\u003cp\u003eWhen working with SAPUI5, it's common to use formatters to manipulate data before it's displayed on a view. One challenge that developers often face is passing multiple fields to a formatter function. Fortunately, this can be easily achieved by using parts.\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqt4MlL9K-q1GNezKjQbR2hFCDsP3-MFzXAEWoVrNL1MTZUQ5Q5V_U8-GR8PFWyGGcbkzg7qmE9IjYQ9mPBI2Uajppvekiy7X7dA9llBlVyg2mnu-CbZyPh5o7VzCc7zt1rRQHANJi0Pb4Y0dtOBWL5cblNw7s_F-tYuDxK2LaePpIwA9exqcKGw/s739/IMG_2211.jpeg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"415\" data-original-width\u003d\"739\" height\u003d\"180\" src\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqt4MlL9K-q1GNezKjQbR2hFCDsP3-MFzXAEWoVrNL1MTZUQ5Q5V_U8-GR8PFWyGGcbkzg7qmE9IjYQ9mPBI2Uajppvekiy7X7dA9llBlVyg2mnu-CbZyPh5o7VzCc7zt1rRQHANJi0Pb4Y0dtOBWL5cblNw7s_F-tYuDxK2LaePpIwA9exqcKGw/s320/IMG_2211.jpeg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eParts are essentially placeholders that can be used to represent different binding paths in a formatter function. By using parts, you can pass any number of fields to a formatter function, making it much more flexible and powerful.\u003c/p\u003e\u003cp\u003eTo use parts in a formatter function, you need to define them in the XML view where the formatter is being used. Here's an example:\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003cb\u003e\u0026lt;Text text\u003d\"{parts: [{path: 'firstName'}, {path: 'lastName'}], formatter: '.fullNameFormatter'}\" /\u0026gt;\u003c/b\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003eIn this example, we're using a Text control and binding its text property to the result of a formatter function called `fullNameFormatter`. We're also defining two parts using the `parts` property. The first part refers to the `firstName` field, and the second part refers to the `lastName` field.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eTo access these parts in the formatter function, you can use the `parts` parameter. This parameter is an array that contains all the parts defined in the view, in the order they were defined. Here's an example of a formatter function that uses parts to concatenate the first and last names:\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003cb\u003efullNameFormatter: function(firstName, lastName) {\u003c/b\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003e\u0026nbsp; var firstName \u003d firstName;\u003c/b\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003e\u0026nbsp; var lastName \u003d lastName;\u003c/b\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003e\u0026nbsp; return firstName + ' ' + lastName;\u003c/b\u003e\u003c/p\u003e\u003cp\u003e\u003cb\u003e}\u003c/b\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eIn this function, we're using the both parameter values to retrieve the values of the first and last name parts, and then concatenating them with a space in between.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eUsing parts in SAPUI5 formatters is a powerful technique that can greatly enhance the flexibility and functionality of your applications. By defining parts in your views and accessing them in your formatter functions, you can pass any number of fields to your formatter and manipulate them in a variety of ways.\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/1149176880110197926/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/using-parts-in-formatters-to-pass.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/1149176880110197926"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/1149176880110197926"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2023/06/using-parts-in-formatters-to-pass.html","title":"Using Parts in formatters to pass multiple fields"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqt4MlL9K-q1GNezKjQbR2hFCDsP3-MFzXAEWoVrNL1MTZUQ5Q5V_U8-GR8PFWyGGcbkzg7qmE9IjYQ9mPBI2Uajppvekiy7X7dA9llBlVyg2mnu-CbZyPh5o7VzCc7zt1rRQHANJi0Pb4Y0dtOBWL5cblNw7s_F-tYuDxK2LaePpIwA9exqcKGw/s72-c/IMG_2211.jpeg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-186731739574367886"},"published":{"$t":"2016-01-26T05:35:00.000-08:00"},"updated":{"$t":"2016-08-09T00:05:37.942-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"drag and drop"},{"scheme":"http://www.blogger.com/atom/ns#","term":"search"},{"scheme":"http://www.blogger.com/atom/ns#","term":"formatter"},{"scheme":"http://www.blogger.com/atom/ns#","term":"charts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Most common examples in sap ui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Routing"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"tab"},{"scheme":"http://www.blogger.com/atom/ns#","term":"doalog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"combo box"},{"scheme":"http://www.blogger.com/atom/ns#","term":"tables"},{"scheme":"http://www.blogger.com/atom/ns#","term":"layout"},{"scheme":"http://www.blogger.com/atom/ns#","term":"pdf"},{"scheme":"http://www.blogger.com/atom/ns#","term":"tree table"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Navigation"}],"title":{"type":"text","$t":"SAP UI5 Most Common and Basic Examples"},"content":{"type":"html","$t":"\u003cdiv dir\u003d\"ltr\" style\u003d\"text-align: left;\" trbidi\u003d\"on\"\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003c!--[if gte mso 9]\u003e\u003cxml\u003e\n \u003co:OfficeDocumentSettings\u003e\n  \u003co:AllowPNG/\u003e\n \u003c/o:OfficeDocumentSettings\u003e\n\u003c/xml\u003e\u003c![endif]--\u003e\n\n\u003cbr /\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e1. Table Examples:\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eGet selected table row values\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"background: white;\"\u003e\u0026nbsp; \u003c/span\u003e\u003ca href\u003d\"http://jsbin.com/kipese/7/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS\nBin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"background: white; color: black;\"\u003eGetting Table\nColumn Values(To get all the values available in the particular row)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"background: white;\"\u003e\u0026nbsp; \u003c/span\u003e\u003ca href\u003d\"http://jsbin.com/tipokenuki/1/edit?html,js,console,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/tipokenuki/1/edit?html,js,console,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"background: white; color: black;\"\u003eGet Table row\ndata by rowContext(),\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u0026nbsp; \u003ca href\u003d\"http://jsbin.com/dohive/edit?js,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"background: white; color: black;\"\u003eDelete table\nrows,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/vuzen/3/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/vudoxi/5/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/yewula/1/edit?html,css,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dohive/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dohive/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eAdd and Delete Table Row values,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/wanopave/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/wanopave/1/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eF4 inside table row(F4 value help\nin Inside sap.m.table)\u003c/span\u003e \u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"https://jsfiddle.net/indrajithpatel/va0y7j7r/18/\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttps://jsfiddle.net/indrajithpatel/va0y7j7r/18/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable rows move up and\ndown(Interchanging the table rows)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/UPokiS/2/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript\nDebugging\u0026amp;lt;/title\u0026amp;gt;\u0026nbsp; \u0026amp;lt;link\nrel\u003d\u0026amp;quot;alternate\u0026amp;quot; type\u003d\u0026amp;quot;application/jso…\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSet firstColumnCount based on\nList(Pagination based on given input in sap.ui.table rows)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/jaleyu/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript\nDebugging\u0026amp;lt;/title\u0026amp;gt;\u0026nbsp; \u0026amp;lt;link\nrel\u003d\u0026amp;quot;alternate\u0026amp;quot; type\u003d\u0026amp;quot;application/jso…\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eImport csv as table values\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://help.sap.com/businessobject/product_guides/vi01/en/webide_visExp_en.pdf\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://help.sap.com/businessobject/product_guides/vi01/en/webide_visExp_en.pdf\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eAdd Values into Table(Given input\nis adding to table row)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qapage/1/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable view more, view less with\nout using growth property(using button number of rows displayed)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/kipese/21/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSap.ui.Table Binding\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/openui5-table-json/6/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript\nDebugging\u0026amp;lt;/title\u0026amp;gt; \u0026amp;lt;link rel\u003d\u0026amp;quot;alternate\u0026amp;quot;\ntype\u003d\u0026amp;quot;application/jso…\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable Rebinding after adding some\nvalue to the table,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/sojot/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/sojot/1/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable Merge Cells,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/zoreg/2/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/zoreg/2/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nMuitiple table header fixedRowCount\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qixahidila/1/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qixahidila/1/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eMouse Over and Mouse Leave event\nin table,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dohive/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dohive/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e2. Combo Box Examples:\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nComboBox in table,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/hakizo/5/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/hakizo/5/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsfiddle.net/ojukwe80/1/\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsfiddle.net/ojukwe80/1/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eMulti Select Combo Box,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qahoy/3/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qahoy/3/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dujira/2/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dujira/2/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eCombo box,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/nudacelo/1/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/nudacelo/1/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nGet selected Item in combobox,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/nehimo/edit?js,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/nehimo/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: blue;\"\u003e\u0026nbsp; \u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e3. Navigation Between Views:\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nValues Pass between List to Detail-\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://output.jsbin.com/URIviru/2\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://output.jsbin.com/URIviru/2\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://embed.plnkr.co/SbF5ZSV4EzxiltkPytUm/preview\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://embed.plnkr.co/SbF5ZSV4EzxiltkPytUm/preview\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/openui5-mobile-list-databinding/2/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/openui5-mobile-list-databinding/2/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://scn.sap.com/thread/3496717\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://scn.sap.com/thread/3496717\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nMaster/Detail example,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsfiddle.net/brakmic/shcoqpue/\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsfiddle.net/brakmic/shcoqpue/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e4. Chart Examples\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003ecustomize the chart and you can\nget code for that customized chart,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: #3778c7;\"\u003e\u003ca href\u003d\"https://sapui5.hana.ondemand.com/sdk/test-resources/sap/makit/demokit/index.html#page%7C%7B%22id%22%3A%22CombiMSChartPage%22%7D%7C0\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eChart Demo\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003esap.viz.ui5.Bar example,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/ziwinikodo/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/ziwinikodo/1/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003esap.viz.ui5.Stacked Chart,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/hepuxiza/17/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/hepuxiza/17/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nGet selected Bar Values in graph,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/lelano/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/lelano/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e5. Drag and Drop Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eDrag and Drop in Multi Combo Box,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/hudowu/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/hudowu/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e6. Tree Table Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTree Table with Dynamic Columns,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/narufu/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/narufu/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTree Table,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"https://jsfiddle.net/nagarjunnm/gyvy7vp0/\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttps://jsfiddle.net/nagarjunnm/gyvy7vp0/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"https://sapui5.netweaver.ondemand.com/sdk/test-resources/sap/ui/table/TreeTable.html?sap-ui-debug\u003dtrue\u0026amp;sap-ui-language\u003den-US\u0026amp;sap-ui-theme\u003dsap_bluecrystal\u0026amp;sap-ui-accessibility\u003dtrue\u0026amp;sap-ui-jqueryversion\u003d1.10.2\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttps://sapui5.netweaver.ondemand.com/sdk/test-resources/sap/ui/table/TreeTable.html?sap-ui-debug\u003dtrue\u0026amp;sap-ui-language\u003den-US\u0026amp;sap-ui-theme\u003dsap_bluecrystal\u0026amp;sap-ui-accessibility\u003dtrue\u0026amp;sap-ui-jqueryversion\u003d1.10.2\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nTree Table with Select Option,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/woqive/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/woqive/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e7. Generate Pdf Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eExport to Pdf from UI5 side,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsfiddle.net/54muk2ps/\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsfiddle.net/54muk2ps/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e8. Tab Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTab in ui5(Pressing Tab will focus\non input fields)\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://scn.sap.com/thread/3627955\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eNavigate across sapui5 table using arrow key\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://www.jqueryscript.net/demo/jQuery-Plugin-For-Auto-Tab-Form-Fields-autotab/\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ejQuery autotab examples\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://www.jqueryscript.net/form/jQuery-Plugin-For-Auto-Tab-Form-Fields-autotab.html\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ejQuery Plugin For Auto Tab Form Fields - autotab | Free\njQuery Plugins\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e9. Search Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSearch the vales in list,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/vigeg/1/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/vigeg/1/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSearch field will filter the data\nby given inputs\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://stackoverflow.com/questions/23128948/sapui5-how-to-filter-data-with-2-or-more-values\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eSAPUI5: How to filter data with 2 or more values - Stack\nOverflow\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nInput With Suggestion,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qobuma/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qobuma/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e10. Layout Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"http://jsbin.com/kofezo/12/edit?js,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS\nBin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/kakap/1/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nForm Editable True or False from Model,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/datumu/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/datumu/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\noverlay container,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/afif/1/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/afif/1/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSimple Form in a panel\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"http://jsbin.com/davocegodala/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e11. Formatter Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nDate Time input Display only year, Time etc,.\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qovahoxoge/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qovahoxoge/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eAmount Format using Formatter,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/eXeBOcE/3/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/eXeBOcE/3/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable Format date to dd.MM.YYYY,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"http://jsbin.com/aNebeKi/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/aNebeKi/1/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eoData Table Filter,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"https://github.com/qmacro/sapui5bin/blob/master/SinglePageExamples/ODataDateTableFilter.html\"\u003e\u003cspan style\u003d\"color: blue;\"\u003esapui5bin/ODataDateTableFilter.html at master ·\nqmacro/sapui5bin · GitHub\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e12. Css Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eTable row color using Formatter,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"http://jsbin.com/qahatayaco/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS\nBin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eText color using formatter,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003e\u003ca href\u003d\"http://jsbin.com/qutaxixona/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS\nBin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e13. Busy Dialog Examples:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dogigehaja/8/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dogigehaja/8/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/bezoyu/10/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"https://jsfiddle.net/indrajithpatel/xxsd9jkd/1/\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttps://jsfiddle.net/indrajithpatel/xxsd9jkd/1/\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/bareyo/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/wilisosidi/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003eJS Bin - Collaborative JavaScript Debugging\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/bopakulaqe/1/edit?html,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/bopakulaqe/1/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e14. Others:\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"color: black;\"\u003e\u003cbr /\u003e\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eGet selected radio button,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/yanoka/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/yanoka/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eList Box,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qanagaqe/1/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qanagaqe/1/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eVirtual KeyBoard,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dacuzu/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dacuzu/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003esap.m.VBox footer example,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/raniya/edit?html,css,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/raniya/edit?html,css,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eMove Item from one Json Model to\nanother Json Model,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/dupoxi/edit?css,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/dupoxi/edit?css,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eList Data Binding\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/openui5-mobile-list-databinding/2/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript\nDebugging\u0026amp;lt;/title\u0026amp;gt; \u0026amp;lt;link rel\u003d\u0026amp;quot;alternate\u0026amp;quot;\ntype\u003d\u0026amp;quot;application/jso…\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eCustom Control\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/openui5-custom-control/2/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eJS Bin - Collaborative JavaScript\nDebugging\u0026amp;lt;/title\u0026amp;gt; \u0026amp;lt;link rel\u003d\u0026amp;quot;alternate\u0026amp;quot;\ntype\u003d\u0026amp;quot;application/jso…\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eSignature Pad,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/suquki/18/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/suquki/18/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eToggle button in pop up,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/rodudup/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/rodudup/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eNested Pop over,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/tujube/2/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/tujube/2/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: black;\"\u003eDropDown in panel header,\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/gejafa/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/gejafa/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nInput editable and read only,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/qaraga/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/qaraga/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nsap.m.select with default text “—select—“\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/wikavu/edit?js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/wikavu/edit?js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nListItem by default 1\u003csup\u003est\u003c/sup\u003e item is selected,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/juluqu/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/juluqu/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nDialog button’s\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cspan style\u003d\"color: #3778c7;\"\u003e\u003ca href\u003d\"http://jsbin.com/miqigu/edit?html,js,output\"\u003e\u003cspan style\u003d\"color: blue;\"\u003ehttp://jsbin.com/miqigu/edit?html,js,output\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nAdd Clear icon to sap.m.input,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/purixu/edit?html,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/purixu/edit?html,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\nFloat Label example,\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003ca href\u003d\"http://jsbin.com/nulosa/edit?css,js,output\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003ehttp://jsbin.com/nulosa/edit?css,js,output\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cspan style\u003d\"background: white; color: #363636; font-family: \u0026quot;arial\u0026quot; , \u0026quot;sans-serif\u0026quot;; font-size: 10.5pt; line-height: 115%;\"\u003eWatch \u003cspan style\u003d\"font-family: \u0026quot;arial\u0026quot; , \u0026quot;sans-serif\u0026quot;;\"\u003esapui5 video tutorials \u003cspan style\u003d\"font-family: \u0026quot;arial\u0026quot; , \u0026quot;sans-serif\u0026quot;;\"\u003efrom \u003cspan style\u003d\"font-family: \u0026quot;arial\u0026quot; , \u0026quot;sans-serif\u0026quot;;\"\u003eyoutube, here's the video on introduction to sap\u003cspan style\u003d\"font-family: \u0026quot;arial\u0026quot; , \u0026quot;sans-serif\u0026quot;;\"\u003eui5:\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\n\u003ciframe allowfullscreen\u003d\"\" class\u003d\"YOUTUBE-iframe-video\" data-thumbnail-src\u003d\"https://i.ytimg.com/vi/p9-pd7yGAcY/0.jpg\" frameborder\u003d\"0\" height\u003d\"266\" src\u003d\"https://www.youtube.com/embed/p9-pd7yGAcY?feature\u003dplayer_embedded\" width\u003d\"320\"\u003e\u003c/iframe\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c!--[if gte mso 9]\u003e\u003cxml\u003e\n \u003cw:WordDocument\u003e\n  \u003cw:View\u003eNormal\u003c/w:View\u003e\n  \u003cw:Zoom\u003e0\u003c/w:Zoom\u003e\n  \u003cw:TrackMoves/\u003e\n  \u003cw:TrackFormatting/\u003e\n  \u003cw:PunctuationKerning/\u003e\n  \u003cw:ValidateAgainstSchemas/\u003e\n  \u003cw:SaveIfXMLInvalid\u003efalse\u003c/w:SaveIfXMLInvalid\u003e\n  \u003cw:IgnoreMixedContent\u003efalse\u003c/w:IgnoreMixedContent\u003e\n  \u003cw:AlwaysShowPlaceholderText\u003efalse\u003c/w:AlwaysShowPlaceholderText\u003e\n  \u003cw:DoNotPromoteQF/\u003e\n  \u003cw:LidThemeOther\u003eEN-US\u003c/w:LidThemeOther\u003e\n  \u003cw:LidThemeAsian\u003eX-NONE\u003c/w:LidThemeAsian\u003e\n  \u003cw:LidThemeComplexScript\u003eX-NONE\u003c/w:LidThemeComplexScript\u003e\n  \u003cw:Compatibility\u003e\n   \u003cw:BreakWrappedTables/\u003e\n   \u003cw:SnapToGridInCell/\u003e\n   \u003cw:WrapTextWithPunct/\u003e\n   \u003cw:UseAsianBreakRules/\u003e\n   \u003cw:DontGrowAutofit/\u003e\n   \u003cw:SplitPgBreakAndParaMark/\u003e\n   \u003cw:EnableOpenTypeKerning/\u003e\n   \u003cw:DontFlipMirrorIndents/\u003e\n   \u003cw:OverrideTableStyleHps/\u003e\n  \u003c/w:Compatibility\u003e\n  \u003cm:mathPr\u003e\n   \u003cm:mathFont m:val\u003d\"Cambria Math\"/\u003e\n   \u003cm:brkBin m:val\u003d\"before\"/\u003e\n   \u003cm:brkBinSub m:val\u003d\"\u0026#45;-\"/\u003e\n   \u003cm:smallFrac m:val\u003d\"off\"/\u003e\n   \u003cm:dispDef/\u003e\n   \u003cm:lMargin m:val\u003d\"0\"/\u003e\n   \u003cm:rMargin m:val\u003d\"0\"/\u003e\n   \u003cm:defJc m:val\u003d\"centerGroup\"/\u003e\n   \u003cm:wrapIndent m:val\u003d\"1440\"/\u003e\n   \u003cm:intLim m:val\u003d\"subSup\"/\u003e\n   \u003cm:naryLim m:val\u003d\"undOvr\"/\u003e\n  \u003c/m:mathPr\u003e\u003c/w:WordDocument\u003e\n\u003c/xml\u003e\u003c![endif]--\u003e\u003c!--[if gte mso 9]\u003e\u003cxml\u003e\n \u003cw:LatentStyles DefLockedState\u003d\"false\" DefUnhideWhenUsed\u003d\"true\"\n  DefSemiHidden\u003d\"true\" DefQFormat\u003d\"false\" DefPriority\u003d\"99\"\n  LatentStyleCount\u003d\"267\"\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"0\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Normal\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"heading 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 7\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 8\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"9\" QFormat\u003d\"true\" Name\u003d\"heading 9\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 7\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 8\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" Name\u003d\"toc 9\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"35\" QFormat\u003d\"true\" Name\u003d\"caption\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"10\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Title\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"1\" Name\u003d\"Default Paragraph Font\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"11\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Subtitle\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"22\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Strong\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"20\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Emphasis\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"59\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Table Grid\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" UnhideWhenUsed\u003d\"false\" Name\u003d\"Placeholder Text\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"1\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"No Spacing\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" UnhideWhenUsed\u003d\"false\" Name\u003d\"Revision\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"34\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"List Paragraph\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"29\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Quote\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"30\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Intense Quote\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 1\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 2\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 3\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 4\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 5\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"60\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Shading Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"61\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light List Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"62\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Light Grid Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"63\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 1 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"64\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Shading 2 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"65\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 1 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"66\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium List 2 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"67\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 1 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"68\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 2 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"69\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Medium Grid 3 Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"70\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Dark List Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"71\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Shading Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"72\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful List Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"73\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" Name\u003d\"Colorful Grid Accent 6\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"19\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Subtle Emphasis\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"21\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Intense Emphasis\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"31\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Subtle Reference\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"32\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Intense Reference\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"33\" SemiHidden\u003d\"false\"\n   UnhideWhenUsed\u003d\"false\" QFormat\u003d\"true\" Name\u003d\"Book Title\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"37\" Name\u003d\"Bibliography\"/\u003e\n  \u003cw:LsdException Locked\u003d\"false\" Priority\u003d\"39\" QFormat\u003d\"true\" Name\u003d\"TOC Heading\"/\u003e\n \u003c/w:LatentStyles\u003e\n\u003c/xml\u003e\u003c![endif]--\u003e\u003c!--[if gte mso 10]\u003e\n\u003cstyle\u003e\n /* Style Definitions */\n table.MsoNormalTable\n {mso-style-name:\"Table Normal\";\n mso-tstyle-rowband-size:0;\n mso-tstyle-colband-size:0;\n mso-style-noshow:yes;\n mso-style-priority:99;\n mso-style-parent:\"\";\n mso-padding-alt:0in 5.4pt 0in 5.4pt;\n mso-para-margin-top:0in;\n mso-para-margin-right:0in;\n mso-para-margin-bottom:10.0pt;\n mso-para-margin-left:0in;\n line-height:115%;\n mso-pagination:widow-orphan;\n font-size:11.0pt;\n font-family:\"Calibri\",\"sans-serif\";\n mso-ascii-font-family:Calibri;\n mso-ascii-theme-font:minor-latin;\n mso-hansi-font-family:Calibri;\n mso-hansi-theme-font:minor-latin;}\n\u003c/style\u003e\n\u003c![endif]--\u003e\u003cbr /\u003e\n\u003cdiv class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-margin-top-alt: auto;\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;\"\u003e\n\u003cspan style\u003d\"color: black; font-family: \u0026quot;times new roman\u0026quot; , \u0026quot;serif\u0026quot;; font-size: 12.0pt;\"\u003eSDK\nProvided examples.\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;\"\u003e\n\u003cspan style\u003d\"color: #333333; font-family: \u0026quot;times new roman\u0026quot; , \u0026quot;serif\u0026quot;; font-size: 12.0pt;\"\u003eFor\n.js View Programming examples -\u003c/span\u003e\u003cspan style\u003d\"font-family: \u0026quot;times new roman\u0026quot; , \u0026quot;serif\u0026quot;; font-size: 12.0pt;\"\u003e \u003ca href\u003d\"https://adf.ly/1XUheK\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eSAPUI5 SDK - Demo Kit\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;\"\u003e\n\u003cspan style\u003d\"color: #333333; font-family: \u0026quot;times new roman\u0026quot; , \u0026quot;serif\u0026quot;; font-size: 12.0pt;\"\u003eFor\n.xml View Programming examples -\u003c/span\u003e\u003cspan style\u003d\"font-family: \u0026quot;times new roman\u0026quot; , \u0026quot;serif\u0026quot;; font-size: 12.0pt;\"\u003e\n\u003ca href\u003d\"https://adf.ly/1XUhgL\"\u003e\u003cspan style\u003d\"color: #3778c7;\"\u003eSAPUI5 Explored\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cdiv class\u003d\"MsoNormal\"\u003e\n\u003cbr /\u003e\u003c/div\u003e\n\u003c/div\u003e\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/186731739574367886/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2016/01/sap-ui5-most-common-and-basic-examples.html#comment-form","title":"2 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/186731739574367886"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/186731739574367886"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2016/01/sap-ui5-most-common-and-basic-examples.html","title":"SAP UI5 Most Common and Basic Examples"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"https://www.blogger.com/profile/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https://i.ytimg.com/vi/p9-pd7yGAcY/0.jpg","height":"72","width":"72"},"thr$total":{"$t":"2"}}]}});