Untitled

<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8" />
    <script type="text/javascript" 
      id="sap-ui-bootstrap" 
      src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" 
      data-sap-ui-theme="sap_bluecrystal" 
      data-sap-ui-libs="sap.m" 
  		data-sap-ui-bindingSyntax="complex"
      data-sap-ui-compatVersion="edge"
>
    </script>
  </head>

  <script>

    var oModel = new sap.ui.model.json.JSONModel([
      {
        title: "node 1",
        children: [
          {
            title: "node 1.1",
            children: [
              {
                title: "node 1.1.1"
              }
            ]
          },
          {
            title: "node 1.2",
            children: [
              {
                title: "node 1.2.1"
              },
              {
                title: "node 1.2.2"
              }
            ]
          }
        ]
      },
      {
        title: "node 2",
        children: [
          {
            title: "node 2.1"
          }
        ]
      }
    ]);

    sap.ui.getCore().attachInit(function () {

        sap.ui.require([
        ], function () {
          
          var oTree = new sap.m.Tree({
            headerText: "point expanding need"
          });
          
          oTree.setModel(oModel);
          
          var oStandardTreeItem = new sap.m.StandardTreeItem({
          		title: "{title}"
        	});
        	oTree.bindItems("/", oStandardTreeItem);          
          
          oTree.placeAt("content");
          
        })
    });
    
  </script>

  <body class="sapUiBody" id="content" role="application"></body>
</html>