diff --git a/dev.html b/dev.html index 650cf45a6b..9aa2fc79af 100644 --- a/dev.html +++ b/dev.html @@ -70,24 +70,26 @@ var store = BI.useStore(function () { return BI.Models.getModel("demo.model"); }); - setInterval(function () { - store.toggle(); - }, 1000); + // setInterval(function () { + // store.toggle(); + // }, 1000); return function () { return { type: "bi.vertical", vgap: 20, - items: [{ - type: "demo.child" - }, { - type: "demo.child" - }] + items: BI.makeArray(10000).map(function (i) { + return { + type: "bi.label", + text: i + }; + }) }; }; } }); BI.shortcut("demo.parent", Widget); - BI.createWidget({ + var time = performance.now(); + var widget = BI.createWidget({ type: "bi.absolute", items: [{ el: { @@ -97,7 +99,10 @@ left: 100 }], element: "#wrapper" + // root: true }); + // widget.element.appendTo("#wrapper"); + console.log(performance.now() - time); diff --git a/src/core/widget.js b/src/core/widget.js index f8844ef282..7b6b341f9a 100644 --- a/src/core/widget.js +++ b/src/core/widget.js @@ -227,22 +227,36 @@ * @private */ _mount: function (force, deep, lifeHook, predicate) { + if (this.__beforeMount(force, deep, lifeHook, predicate)) { + this.__afterMount(lifeHook, predicate); + return true; + } + return false; + }, + + __beforeMount: function (force, deep, lifeHook, predicate) { var self = this; if (!force && (this._isMounted || !this.isVisible() || this.__asking === true || !(this._isRoot === true || (this._parent && this._parent._isMounted === true)))) { return false; } lifeHook !== false && callLifeHook(this, "beforeMount"); this._isMounted = true; - this._mountChildren && this._mountChildren(); BI.each(this._children, function (i, widget) { !self.isEnabled() && widget._setEnable(false); !self.isValid() && widget._setValid(false); - widget._mount && widget._mount(deep ? force : false, deep, lifeHook, predicate); + widget.__beforeMount && widget.__beforeMount(deep ? force : false, deep, lifeHook, predicate); + }); + this._mountChildren && this._mountChildren(); + return true; + }, + + __afterMount: function (lifeHook, predicate) { + BI.each(this._children, function (i, widget) { + widget.__afterMount && widget.__afterMount(lifeHook, predicate); }); lifeHook !== false && callLifeHook(this, "mounted"); this.fireEvent(BI.Events.MOUNT); predicate && predicate(this); - return true; }, _mountChildren: null,