Fiori2.0学习笔记-Fragment

fragment是一个轻量级的UI view 没有独立的Controler控制其行为

fragment是对UI的重用

• XML fragment
• HTML fragment

• JS fragment

  命名规则
  [name].fragment.xml
  var frag = sap.ui.xmlfragment([id],[fragment path],this)
  this.getView().addDependent(frag)

fragment是依赖于view所以是不需要引库的

创建一个view和内置popover的fragment.XML文件

下面是控制层.

    showFragment: function(oEvent) {
            // create dialog lazily
            //要检查是否实例化过，一是重复实例化后重复ID会报错，二是会影响性能，加载比较慢
            if (!this._oPopover) {
            //实例化
                this._oPopover = sap.ui.xmlfragment("richard.demo.fragmentFragmentDemoCase.view.Popover", this);
            //通过getView().addDependent方法把oPopover加载到view当中
                this.getView().addDependent(this._oPopover);
            //set一个JSON对象，里面放置即将传得 值
                this._oPopover.setModel(new JSONModel({myLabel:"this is my custom fragment"}));
            }
            //拿到当前点击的button
            var oButton = oEvent.getSource();
            //放置popover的地点
            this._oPopover.openBy(oButton);
        }