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/-/HANA?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/-/HANA?alt\u003djson-in-script\u0026max-results\u003d50"},{"rel":"alternate","type":"text/html","href":"http://www.sapui5tutors.com/search/label/HANA"},{"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":"3"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"50"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-7824443109469385746"},"published":{"$t":"2022-04-02T06:59:00.004-07:00"},"updated":{"$t":"2022-04-02T07:02:29.103-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"csv"},{"scheme":"http://www.blogger.com/atom/ns#","term":"import"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5 csv file upload import"},{"scheme":"http://www.blogger.com/atom/ns#","term":"upload"},{"scheme":"http://www.blogger.com/atom/ns#","term":"file reader"},{"scheme":"http://www.blogger.com/atom/ns#","term":"HANA"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"crud"}],"title":{"type":"text","$t":"How to import Excel CSV file to SAP UI5 Application."},"content":{"type":"html","$t":"\u003cp\u003eIn this blog, we will see how can we import a csv file in SAP UI5 application.\u0026nbsp;\u003c/p\u003e\u003cp\u003eThis would be a bit different from importing excel file just as I explained inthe previous \u003ca href\u003d\"http://www.sapui5tutors.com/2022/04/how-to-import-excel-xlsxxls-file-to-sap.html\" target\u003d\"_blank\"\u003eblog\u003c/a\u003e, since in this technique we wont be rquired to use a third party library.\u003c/p\u003e\u003cp\u003eJust like in my previous blog, lets keep the use case simple. We will have a simple view with a FileUploader to browse a csv file and a table to display the data.\u003c/p\u003e\u003cpre class\u003d\"lang:js decode:true\" style\u003d\"background-color: #f1f1f1; border-radius: 0px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; break-inside: avoid; color: #666666; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; margin-top: 24px; max-width: 100%; overflow-wrap: break-word; overflow: auto; padding: 1em 1.5em;\" title\u003d\"FileUpload.view.xml\"\u003e\u0026lt;core:View xmlns:core\u003d\"sap.ui.core\" xmlns:mvc\u003d\"sap.ui.core.mvc\"\n\txmlns\u003d\"sap.m\" xmlns:u\u003d\"sap.ui.unified\" xmlns:l\u003d\"sap.ui.layout.form\"\n\tcontrollerName\u003d\"com.fileuploader.FileUpload\" xmlns:html\u003d\"http://www.w3.org/1999/xhtml\"\u0026gt;\n\t\u0026lt;Page title\u003d\"Demo on CSV File Upload\"\u0026gt;\n\t\u0026lt;content\u0026gt;\n\t\t\u0026lt;l:SimpleForm editable\u003d\"true\"\u0026gt;\n\t\t \u0026lt;l:content\u0026gt;\n\t\t  \u0026lt;Label text\u003d\"File Name\"\u0026gt;\n\t\t  \u0026lt;/Label\u0026gt;\n\t\t\u0026lt;VBox\u0026gt;\n\t\t \u0026lt;u:FileUploader id\u003d\"idfileUploader\" width\u003d\"50%\"\n\t\t    sameFilenameAllowed\u003d\"false\" buttonText\u003d\"\" fileType\u003d\"CSV\"\n\t\t    placeholder\u003d\"Choose a CSV file\" style\u003d\"Emphasized\"\u0026gt;\n\t\t\u0026lt;/u:FileUploader\u0026gt;\n\t\t\u0026lt;Button text\u003d\"Upload\" press\u003d\"onUpload\"\u0026gt;\u0026lt;/Button\u0026gt;\n\t\t\u0026lt;/VBox\u0026gt;\n\t\t\u0026lt;/l:content\u0026gt;\n\t\t\u0026lt;/l:SimpleForm\u0026gt;\n\n\t\t\u0026lt;Table id\u003d\"idTable\" items\u003d\"{/}\"\u0026gt;\n\t\t\u0026lt;items\u0026gt;\n\t\t    \u0026lt;ColumnListItem\u0026gt;\n\t\t\t\u0026lt;cells\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"{VBELN}\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"{ERDAT}\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"{VBTYP}\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"{TRVOG}\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"{AUART}\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/cells\u0026gt;\n\t\t   \u0026lt;/ColumnListItem\u0026gt;\n                \u0026lt;/items\u0026gt;\n\t        \u0026lt;columns\u0026gt;\n\t\t\t\u0026lt;Column\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"Sales Document\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/Column\u0026gt;\n\t\t\t\u0026lt;Column\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"Date\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/Column\u0026gt;\n\t\t\t\u0026lt;Column\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"Type\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/Column\u0026gt;\n\t\t        \u0026lt;Column\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"Sales Org\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/Column\u0026gt;\n\t\t\t\u0026lt;Column\u0026gt;\n\t\t\t\u0026lt;Text text\u003d\"Category\"\u0026gt;\u0026lt;/Text\u0026gt;\n\t\t\t\u0026lt;/Column\u0026gt;\n\t\t\u0026lt;/columns\u0026gt;\n\t\t\u0026lt;/Table\u0026gt;\n\t\t\u0026lt;/content\u0026gt;\n\t\u0026lt;/Page\u0026gt;\n\u0026lt;/core:View\u0026gt;\u003c/pre\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEjtu6Sa2hwpbFjftbxuqZcXCyk-AMyS2x6Y5B5oV28O9_9zNLBE3bclwxajSja45ncvZlPqwvOv-OfsnB8k1KAG8huplfsgz9FZ5SGmqS0d6DO1ArCGUq-0tcHiVdWC4phfuA66d7yYCgnPokg_jvGSt6pvhk2FKDQudPgUCOJcMICURF8bsUP22ds\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg data-original-height\u003d\"386\" data-original-width\u003d\"1377\" height\u003d\"180\" src\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEjtu6Sa2hwpbFjftbxuqZcXCyk-AMyS2x6Y5B5oV28O9_9zNLBE3bclwxajSja45ncvZlPqwvOv-OfsnB8k1KAG8huplfsgz9FZ5SGmqS0d6DO1ArCGUq-0tcHiVdWC4phfuA66d7yYCgnPokg_jvGSt6pvhk2FKDQudPgUCOJcMICURF8bsUP22ds\u003dw640-h180\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003eNow update the code in the onUpload function in the respective controller.\u003c/p\u003e\u003cpre class\u003d\"lang:js decode:true\" style\u003d\"background-color: #f1f1f1; border-radius: 0px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; break-inside: avoid; color: #666666; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; margin-top: 24px; max-width: 100%; overflow-wrap: break-word; overflow: auto; padding: 1em 1.5em;\"\u003eonUpload : function(e) {\n\t\n\tvar fU \u003d this.getView().byId(\"idfileUploader\");\n\tvar domRef \u003d fU.getFocusDomRef();\n\tvar file \u003d domRef.files[0];\n\t\n\t\n\t// Create a File Reader object\n\tvar reader \u003d new FileReader();\n\tvar t \u003d this;\n\t\n\treader.onload \u003d function(e) {\n\t    var strCSV \u003d e.target.result;\n\t    var arrCSV \u003d strCSV.match(/[\\w .]+(?\u003d,?)/g);\n\t    var noOfCols \u003d 5;\n\n\t    // To ignore the first row which is header\n\t    var hdrRow \u003d arrCSV.splice(0, noOfCols);\n\n\t    var data \u003d [];\n\t    while (arrCSV.length \u0026gt; 0) {\n\t\tvar obj \u003d {};\n\t\t// extract remaining rows one by one\n\t\tvar row \u003d arrCSV.splice(0, noOfCols)\n\t\tfor (var i \u003d 0; i \u0026lt; row.length; i++) {\n\t\t    obj[hdrRow[i]] \u003d row[i].trim()\n\t\t}\n\t\t// push row to an array\n\t\tdata.push(obj)\n\t    }\n\t    \n\t    // Bind the data to the Table\n\t    var oModel \u003d new sap.ui.model.json.JSONModel();\n\t    oModel.setData(data);\n\t    var oTable \u003d t.byId(\"idTable\");\n\t    oTable.setModel(oModel);\n\t};\n\treader.readAsBinaryString(file);\n    }\u003c/pre\u003e\u003cp\u003eThe above code in onUpload function will read the data in CSV file and load it to json model and bind it to the table.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEjUJUU_Ool7D2VHyvPinqemDXoZ0JoCEOVuWKBX1s_9BX8UM7-3vBI83-7EvExtVOfA9enLDgtcGT9hS6yZFrC_21NY3AZU04JwfRCkIJnTnHAh4qR4RXAGHZ2ltFCgYdbjpsr5EtB-pdKusBCgVBXcTvGfAs3OV3sI7qkPF2m7JwxUhcrh13-LihE\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg data-original-height\u003d\"404\" data-original-width\u003d\"1371\" height\u003d\"188\" src\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEjUJUU_Ool7D2VHyvPinqemDXoZ0JoCEOVuWKBX1s_9BX8UM7-3vBI83-7EvExtVOfA9enLDgtcGT9hS6yZFrC_21NY3AZU04JwfRCkIJnTnHAh4qR4RXAGHZ2ltFCgYdbjpsr5EtB-pdKusBCgVBXcTvGfAs3OV3sI7qkPF2m7JwxUhcrh13-LihE\u003dw640-h188\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003eHereby, we have successfully uploaded the CSV to UI5 application and shown it on the table. Now, as per requirement user can select a particular record and perform CRUD operations.\u003c/p\u003e\u003cp\u003eThis way we have seen both ways of importing Excel and CSV files to UI5 application. We can also add some additional validations on excel imported files by simply comparing the desired template with the imported file template. This we can see in the next blog.\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/7824443109469385746/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2022/04/how-to-import-excel-csv-file-to-sap-ui5.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/7824443109469385746"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/7824443109469385746"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2022/04/how-to-import-excel-csv-file-to-sap-ui5.html","title":"How to import Excel CSV file to SAP UI5 Application."}],"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/a/AVvXsEjtu6Sa2hwpbFjftbxuqZcXCyk-AMyS2x6Y5B5oV28O9_9zNLBE3bclwxajSja45ncvZlPqwvOv-OfsnB8k1KAG8huplfsgz9FZ5SGmqS0d6DO1ArCGUq-0tcHiVdWC4phfuA66d7yYCgnPokg_jvGSt6pvhk2FKDQudPgUCOJcMICURF8bsUP22ds\u003ds72-w640-c-h180","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-8202736683897988543"},"published":{"$t":"2022-04-02T06:42:00.006-07:00"},"updated":{"$t":"2023-06-07T19:53:47.022-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"sheet.js"},{"scheme":"http://www.blogger.com/atom/ns#","term":"csv"},{"scheme":"http://www.blogger.com/atom/ns#","term":"xls"},{"scheme":"http://www.blogger.com/atom/ns#","term":"import"},{"scheme":"http://www.blogger.com/atom/ns#","term":"excel"},{"scheme":"http://www.blogger.com/atom/ns#","term":"table"},{"scheme":"http://www.blogger.com/atom/ns#","term":"external library"},{"scheme":"http://www.blogger.com/atom/ns#","term":"HANA"},{"scheme":"http://www.blogger.com/atom/ns#","term":"xlsx"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5 excel import"}],"title":{"type":"text","$t":"How to import Excel xlsx,xls file to SAP UI5 Application."},"content":{"type":"html","$t":"\u003cp\u003eThere can be multiple scenarios, where user would be required to import excel, csv file to UI5 application and then perform actions on selected line Items. In this blog, let us see ways to upload an excel or CSV file to UI5 application.\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/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q/s1021/IMG_1912.jpeg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" data-original-height\u003d\"726\" data-original-width\u003d\"1021\" height\u003d\"228\" src\u003d\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q/s320/IMG_1912.jpeg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003eNormaly to do so, we have 2 ways:\u003c/p\u003e\u003cp\u003e1) Use external library - Sheet.js\u003c/p\u003e\u003cp\u003e2) Use javascript abilities - only for CSV files\u003c/p\u003e\u003cp\u003e\u003cu\u003e\u003cb\u003eUse External Library\u003c/b\u003e\u003c/u\u003e\u003c/p\u003e\u003cp\u003eLet's keep the use case simple, we will have one view having a FileUploader and to display the data lets bind it to a table control.\u003c/p\u003e\u003cpre class\u003d\"language-markup\" style\u003d\"background: repeat rgb(245, 242, 240); border: 1px solid rgb(198, 198, 198); font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; word-break: normal;\"\u003e\u003ccode class\u003d\"language-markup\" style\u003d\"background: repeat; border: 0px; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; hyphens: none; line-height: 1.5; margin: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"token namespace\" style\u003d\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003emvc:\u003c/span\u003eView\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003econtrollerName\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003ecom.UploadExcel.controller.MainView\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token namespace\" style\u003d\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003exmlns:\u003c/span\u003emvc\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003esap.ui.core.mvc\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003edisplayBlock\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003etrue\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003exmlns\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003esap.m\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\n\t\u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token namespace\" style\u003d\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003exmlns:\u003c/span\u003eu\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003esap.ui.unified\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eShell\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eid\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eshell\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eApp\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eid\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eapp\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003epages\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003ePage\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eid\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003epage\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etitle\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eRead From Excel\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003ecustomHeader\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eBar\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003econtentMiddle\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eLabel\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eRead Data From Excel\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003econtentMiddle\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003econtentRight\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"token namespace\" style\u003d\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003eu:\u003c/span\u003eFileUploader\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eid\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eFileUploaderId\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003esameFilenameAllowed\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003etrue\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eiconOnly\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003efalse\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003ebuttonOnly\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003etrue\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003efileType\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eXLSX,xlsx\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eicon\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003esap-icon://upload\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eiconFirst\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003etrue\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token style-attr language-css\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003estyle\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\"\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003eEmphasized\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003echange\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eonUpload\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003econtentRight\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eBar\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003ecustomHeader\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003econtent\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eTable\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003eitems\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e{localModel\u0026gt;/items}\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003ecolumns\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eLabel\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eName\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eLabel\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eAge\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eLabel\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eJob\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eLabel\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003eAddress\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eColumn\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003ecolumns\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eitems\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eColumnListItem\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003ecells\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eText\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e{localModel\u0026gt;Name}\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eText\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e{localModel\u0026gt;Age}\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eText\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e{localModel\u0026gt;Job}\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;\u003c/span\u003eText\u003c/span\u003e \u003cspan class\u003d\"token attr-name\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003etext\u003c/span\u003e\u003cspan class\u003d\"token attr-value\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e{localModel\u0026gt;Address}\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e/\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003ecells\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eColumnListItem\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eitems\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eTable\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003econtent\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003ePage\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003epages\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eApp\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\t\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003eShell\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\n\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token tag\" style\u003d\"border: 0px; margin: 0px; padding: 0px;\"\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"token namespace\" style\u003d\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003emvc:\u003c/span\u003eView\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e\u0026gt;\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEhhYZugcSpV0i_clCMqG9Bx7kpm_6JHs1owxK6pT7jzSU6_xES6s20kJBvBZ_Qvj19b-KSB5GejwqXzl1EXP8Yz0sPxnCRaKGekfx0FtzML7yG_3XArsPIg7CNOth5Kd2ROGXsJ2HzpWWhX4rKE3KljcQFvpV3SWJTy6g33gALK3PlgaEkulu1KSf4\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg data-original-height\u003d\"407\" data-original-width\u003d\"1083\" height\u003d\"241\" src\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEhhYZugcSpV0i_clCMqG9Bx7kpm_6JHs1owxK6pT7jzSU6_xES6s20kJBvBZ_Qvj19b-KSB5GejwqXzl1EXP8Yz0sPxnCRaKGekfx0FtzML7yG_3XArsPIg7CNOth5Kd2ROGXsJ2HzpWWhX4rKE3KljcQFvpV3SWJTy6g33gALK3PlgaEkulu1KSf4\u003dw640-h241\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003eNow, update the code in onUpload function in the respective controller.\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cpre class\u003d\"language-javascript\" style\u003d\"background: repeat rgb(245, 242, 240); border: 1px solid rgb(198, 198, 198); font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; word-break: normal;\"\u003e\u003ccode class\u003d\"language-javascript\" style\u003d\"background: repeat; border: 0px; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; hyphens: none; line-height: 1.5; margin: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal;\"\u003e\n\t\t\u003cspan class\u003d\"token function-variable function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eonUpload\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e:\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003efunction\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003ee\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003ethis\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003e_import\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003ee\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003egetParameter\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e\"files\"\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u0026amp;\u0026amp;\u003c/span\u003e e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003egetParameter\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e\"files\"\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e[\u003c/span\u003e\u003cspan class\u003d\"token number\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003e0\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e]\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e,\u003c/span\u003e\n\n\t\t\u003cspan class\u003d\"token function-variable function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003e_import\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e:\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003efunction\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003efile\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003evar\u003c/span\u003e that \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003ethis\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003evar\u003c/span\u003e excelData \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003eif\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003efile \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u0026amp;\u0026amp;\u003c/span\u003e window\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003eFileReader\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003evar\u003c/span\u003e reader \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003enew\u003c/span\u003e \u003cspan class\u003d\"token class-name\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eFileReader\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\treader\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function-variable function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eonload\u003c/span\u003e \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003efunction\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003ee\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003evar\u003c/span\u003e data \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003etarget\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003eresult\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003evar\u003c/span\u003e workbook \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token constant\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003eXLSX\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eread\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003edata\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e,\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\t\ttype\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e:\u003c/span\u003e \u003cspan class\u003d\"token string\" style\u003d\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003e'binary'\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\tworkbook\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003eSheetNames\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eforEach\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003efunction\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003esheetName\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\t\t\u003cspan class\u003d\"token comment\" style\u003d\"border: 0px; color: slategrey; margin: 0px; padding: 0px;\"\u003e// Here is your object for every sheet in workbook\u003c/span\u003e\n\t\t\t\t\t\texcelData \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token constant\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003eXLSX\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003eutils\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003esheet_to_row_object_array\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003eworkbook\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003eSheets\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e[\u003c/span\u003esheetName\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e]\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\n\t\t\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\t\u003cspan class\u003d\"token comment\" style\u003d\"border: 0px; color: slategrey; margin: 0px; padding: 0px;\"\u003e// Setting the data to the local model \u003c/span\u003e\n\t\t\t\t\tthat\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003elocalModel\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003esetData\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\t\titems\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e:\u003c/span\u003e excelData\n\t\t\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\tthat\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003elocalModel\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003erefresh\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token boolean\" style\u003d\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003etrue\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\treader\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function-variable function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003eonerror\u003c/span\u003e \u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003e\u003d\u003c/span\u003e \u003cspan class\u003d\"token keyword\" style\u003d\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003efunction\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003eex\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e \u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e{\u003c/span\u003e\n\t\t\t\t\tconsole\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003elog\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003eex\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\treader\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003ereadAsBinaryString\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e(\u003c/span\u003efile\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e;\u003c/span\u003e\n\t\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\n\t\t\u003cspan class\u003d\"token punctuation\" style\u003d\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003e}\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003cp\u003eOur main part of the code is done, we need to add the external library reference in the component.js file.\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e\u003cp\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\t\u003c/span\u003e\u003cspan class\u003d\"token keyword\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #0077aa; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003evar\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e jQueryScript \u003c/span\u003e\u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e\u003d\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e document\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003ecreateElement\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'script'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\n\t\t\tjQueryScript\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003esetAttribute\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'src'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e,\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e \u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.10.0/jszip.js'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\n\t\t\tdocument\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003ehead\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003eappendChild\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003ejQueryScript\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\n\t\t\n\t\t\n\t\t\t\u003c/span\u003e\u003cspan class\u003d\"token keyword\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #0077aa; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003evar\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e jQueryScript \u003c/span\u003e\u003cspan class\u003d\"token operator\" style\u003d\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e\u003d\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e document\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003ecreateElement\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'script'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\n\t\t\tjQueryScript\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003esetAttribute\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'src'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e,\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e \u003c/span\u003e\u003cspan class\u003d\"token string\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e'https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.10.0/xlsx.js'\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003e\n\t\t\tdocument\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003ehead\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e.\u003c/span\u003e\u003cspan class\u003d\"token function\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003eappendChild\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e(\u003c/span\u003e\u003cspan style\u003d\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003ejQueryScript\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e)\u003c/span\u003e\u003cspan class\u003d\"token punctuation\" style\u003d\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003e;\u003c/span\u003e\u003c/p\u003e\u003cp\u003eNow, click on the browse button and select an excel file, and click on open. After selection the data is shown in the table.\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEgwKeO_iQHMWjrzD3_NPMICQp9261P4KOhbECZgBPLX7QNThdstASuZRzjL5FF97ZNDCBdo5Pj-M55Hksy-9jMJObMt47evPoD-9Lar4GxtUt60VGi61blr4HwRruCTkn6zLb5JhCOKr9UCdmLWBsJGwAfgXgEJX1aK28eSGFzTjjNWSLF8H8zBV0c\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg data-original-height\u003d\"293\" data-original-width\u003d\"1083\" height\u003d\"174\" src\u003d\"https://blogger.googleusercontent.com/img/a/AVvXsEgwKeO_iQHMWjrzD3_NPMICQp9261P4KOhbECZgBPLX7QNThdstASuZRzjL5FF97ZNDCBdo5Pj-M55Hksy-9jMJObMt47evPoD-9Lar4GxtUt60VGi61blr4HwRruCTkn6zLb5JhCOKr9UCdmLWBsJGwAfgXgEJX1aK28eSGFzTjjNWSLF8H8zBV0c\u003dw640-h174\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003eHope, this was easy to understand. Now in the next \u003ca href\u003d\"http://www.sapui5tutors.com/2022/04/how-to-import-excel-csv-file-to-sap-ui5.html\"\u003eblog \u003c/a\u003elet us see how to import a CSV file to UI5 application.\u003cp\u003e\u003c/p\u003e\u003cp\u003eWe can also see how we can validate the excel file using the header names in the next \u003ca href\u003d\"http://www.sapui5tutors.com/2022/04/how-to-validate-excel-file-imported-to.html\" target\u003d\"_blank\"\u003eblog\u003c/a\u003e.\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/8202736683897988543/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2022/04/how-to-import-excel-xlsxxls-file-to-sap.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/8202736683897988543"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/8202736683897988543"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2022/04/how-to-import-excel-xlsxxls-file-to-sap.html","title":"How to import Excel xlsx,xls file to SAP UI5 Application."}],"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/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q/s72-c/IMG_1912.jpeg","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-6322624087011389806"},"published":{"$t":"2020-11-03T23:30:00.002-08:00"},"updated":{"$t":"2020-11-19T21:43:00.839-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP BAS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"ABAP"},{"scheme":"http://www.blogger.com/atom/ns#","term":"deploy to cloud foundry"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap fiori"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Visual studio code"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SAP Bussiness Application Studio"},{"scheme":"http://www.blogger.com/atom/ns#","term":"multi cloud environment"},{"scheme":"http://www.blogger.com/atom/ns#","term":"HANA"},{"scheme":"http://www.blogger.com/atom/ns#","term":"node.js"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sap ui5"},{"scheme":"http://www.blogger.com/atom/ns#","term":"cloud foundry"}],"title":{"type":"text","$t":"Getting started with SAP Bussiness Application Studio"},"content":{"type":"html","$t":"\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003eIn\nthis blog we will get to know more about this new platform to develop Applications,\ni.e. SAP Bussiness Application Studio.\u003c/span\u003e\u003cspan style\u003d\"background: white; color: #333333; font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003c/span\u003e\u003c/p\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003ca href\u003d\"https://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/image.png\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg alt\u003d\"\" data-original-height\u003d\"308\" data-original-width\u003d\"450\" height\u003d\"219\" src\u003d\"https://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/image.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/span\u003e\u003c/div\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%;\"\u003e\u003cbr /\u003e\u003cbr /\u003e\u003c/span\u003e\u003cp\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"background: white; color: #333333; line-height: 107%;\"\u003eSAP has\ncome up with new cloud-based development environment i.e.\u0026nbsp;\u003c/span\u003e\u003cstrong style\u003d\"box-sizing: inherit;\"\u003e\u003cspan face\u003d\"\u0026quot;Calibri\u0026quot;,sans-serif\" style\u003d\"mso-ascii-theme-font: minor-latin; mso-bidi-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;\"\u003eSAP Business\nApplication Studio\u003c/span\u003e\u003c/strong\u003e, for multi-cloud environment. SAP Business\nApplication Studio is a very powerful development environment, tightly\nintegrated with the SAP Cloud Platform and well suited for developing business\napplications.\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"background: white; color: #333333; font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eIt\nprovides you desktop-like experience in the cloud. Design of this studio is influenced\nby Microsoft Visual Studio code, making the developer productive. This is\nsuitable from basic level developer to Full-Stack developer with full control\ndevelopment environment from back-end to front-end.\u003c/span\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/p\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eThis\nwould be the only environment for all kind of applications, by replacing all\nbelow tools into one tool SAP BAS.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSAP\n     UI5 / FIORI apps using templates and elements – webIDE Full-Stack\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eHANA\n     Native – XS \u0026amp; XSJS – HANA webIDE \u0026amp; HANA Studio\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eABAP\n     on Cloud – RESTful Application Programming – Eclipse with cloud system\n     connectivity\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l2 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eCloud\n     Application Programming (CAP), Node.js \u0026amp; Java apps – Eclipse, Atom\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cb\u003e\u003cu\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eKey\nbenefits:\u003c/span\u003e\u003c/u\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eSingle\n     environment for all kind of applications.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNo\n     local installation \u0026amp; setup required\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNo\n     JRE dependency\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIndustry\n     best practices for developers without switching to multiple applications\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eIntegration\n     with API HUB, on-premise, on-cloud.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eProvide\n     the flexibility for all the developers, for e.g. templates, Git, Mock\n     servers, OPA5 testing for FIORI apps, etc.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eEnhances\n     the productivity with direct command execution through integrated command\n     line.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eRun\n     configuration feature makes it an easy option and offer single click to\n     simulate the test in locally or deploy your app on cloud directly\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\" style\u003d\"background: white; line-height: normal; margin-bottom: 0.25in;\"\u003e\u003cb\u003e\u003cu\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eTarget\nAudience:\u003c/span\u003e\u003c/u\u003e\u003c/b\u003e\u003cspan style\u003d\"color: #333333; font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003e\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cul type\u003d\"disc\"\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eUI5/Fiori\n     developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eABAP\n     developer (Planed in future version)\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNative\n     HANA developer (Planed in future version)\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eNode.js\n     (in future version) developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eJava\n     application developer\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eRESTful\n     Application programming (RAP) dev\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n \u003cli class\u003d\"MsoNormal\" style\u003d\"background: white; color: #333333; line-height: normal; mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list .5in;\"\u003e\u003cspan style\u003d\"font-size: 10pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: \u0026quot;Times New Roman\u0026quot;;\"\u003eCloud\n     Application programming (CAP) dev\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003eHope this short intro to SAP BAS was\nhelpful. Check my \u003ca href\u003d\"http://www.sapui5tutors.com/2020/11/setting-up-sap-bussiness-application.html\" target\u003d\"_blank\"\u003enext \u003c/a\u003eblog where I will show how to setup SAP BAS, create a\nUI5 application, add a launchpad module for SAP UI5 application and deploy to\nCloud foundry from SAP Bussiness Application Studio.\u003co:p\u003e\u003c/o:p\u003e\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c/p\u003e\u003cp class\u003d\"MsoNormal\"\u003e\u003cspan style\u003d\"font-size: 10pt; line-height: 107%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;\"\u003e\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003cbr /\u003e\u003c/p\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https://www.sapui5tutors.com/feeds/6322624087011389806/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6322624087011389806"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3826368468004556615/posts/default/6322624087011389806"},{"rel":"alternate","type":"text/html","href":"https://www.sapui5tutors.com/2020/11/getting-started-with-sap-bussiness.html","title":"Getting started with SAP Bussiness Application Studio"}],"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://lh3.googleusercontent.com/-93rV9v3XgwA/X6J371aZzoI/AAAAAAAAVyE/BkPahc_yxXAQrKjEi7VDy4ZM1vCvdn8tQCLcBGAsYHQ/s72-c/image.png","height":"72","width":"72"},"thr$total":{"$t":"0"}}]}});