Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
   <script src='https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js'
            id="sap-ui-bootstrap"
            data-sap-ui-theme="sap_bluecrystal"
            data-sap-ui-libs="sap.m,sap.ui.comp"
            data-sap-ui-bindingSyntax="complex"
            data-sap-ui-compatVersion="edge"
            data-sap-ui-preload="async"></script>
            <!-- use "sync" or change the code below if you have issues -->
 
        <!-- XMLView -->
        <script id="myXmlView" type="ui5/xmlview">
            <mvc:View
                controllerName="MyController"
                xmlns="sap.m"
                xmlns:l="sap.ui.layout"
                xmlns:core="sap.ui.core"
                xmlns:mvc="sap.ui.core.mvc"
                xmlns:nabisoft="nabisoft.ui"
                xmlns:form="sap.ui.layout.form" xmlns:smartField="sap.ui.comp.smartfield">
                        <Panel id="criteria" headerText="Selection Criteria">
            <form:SimpleForm minWidth="110px" maxContainerCols="4" editable="true" layout="ResponsiveGridLayout" labelSpanL="2" labelSpanM="2"
                emptySpanL="2" emptySpanM="2" columnsL="1" columnsM="1" class="editableForm">
                <form:content>
                    <smartField:SmartLabel labelFor="" text="one"/>
                            <smartField:SmartField value="{/TableCollection/0/AccountNo}" id="companyCode"/>
                            <smartField:SmartLabel labelFor="" text="Two"/>
                            <smartField:SmartField value="{/TableCollection/0/AccountNo}" id="companyCodeTo"/>
                    
                </form:content>
            </form:SimpleForm>
            </Panel>
                </mvc:View>      
        </script>
  
    <script>
​
            sap.ui.getCore().attachInit(function () {
                "use strict";
              var tabModel = new sap.ui.model.json.JSONModel();
               var TableCont = [];
             for(var j=0;j<5;j++)
              {
                 var obj ={
                    AccountDesc: "blah",
                    AccountNo: "blah",
                    AmtActFore: "blah",
                    AmtBudget: "blah",
                    AmtVariance: "blah" 
                 }
                 TableCont.push(obj);       
             }
                tabModel.setData({ TableCollection : TableCont});
                sap.ui.getCore().setModel(tabModel);
             sap.ui.controller("MyController", {
               onAfterRendering : function(){
                      this.getView().bindElement("/TableCollection");
               }
              
             });
                sap.ui.xmlview({
                    viewContent : jQuery("#myXmlView").html()
                }).placeAt("content");
 
            });
        </script>
</head>
<body class="sapUiBody">
        <div id="content"></div>
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Yal19pro
0viewers