在.page 里面的js 会被执行

DesignUI · Oct 31, 2014 · 59c1ad9 · 59c1ad9
1 parent 86fd238
commit 59c1ad9
Show file tree

Hide file tree

Showing 7 changed files with 220 additions and 25 deletions.
diff --git a/dist/BlendWebUI.js b/dist/BlendWebUI.js
@@ -11973,6 +11973,55 @@ define(
     }
 );
 
+define(
+    'src/common/loader',['require'],function(require) {
+
+    /**
+     * @class blend.loader
+     * @singleton
+     * @private
+     */
+
+    //baidu-async-module,
+    //这里实现两个方法
+    //A. 加载页面源js
+    //B. 页面内嵌js
+
+    var loader = {};
+
+    var getScript = function(url,cb){
+        var script = document.createElement('script');
+        script.setAttribute('src', url);
+        document.head.appendChild(script);
+        script.onload = function(){
+                if(cb){cb(script);}
+        };
+    };
+
+
+    loader.getScript = function(layerid,jsarr,callback){
+        var getscript = 0;
+        for(var i = 0,len=jsarr.length;i<len;i++){
+             getScript(jsarr[i],function(){
+                getscript++;
+                if (getscript === len){
+                    callback();
+                }
+            });
+        }
+    };
+    loader.runScript = function(dom){
+        if ($("script",dom).length){
+            $("script",dom).each(function(){
+                eval($(this).html());
+            });
+        }
+
+    };
+
+    return loader;
+
+});
 define(
 
     /**
@@ -11983,7 +12032,7 @@ define(
      * @inheritable
      */
 
-    'src/web/Layer.js',['require','../common/lib','./WebControl','./blend','./layer/layerapi'],function (require) {
+    'src/web/Layer.js',['require','../common/lib','./WebControl','./blend','./layer/layerapi','../common/loader'],function (require) {
 
 
         var lib = require('../common/lib');
@@ -11994,6 +12043,7 @@ define(
 
         var lowerAnimate = $("html").hasClass("android");
 
+        var loader = require('../common/loader');
 
         /**
          * @constructor
@@ -12141,6 +12191,13 @@ define(
             //     me.onhide && me.onhide(event);
 
             // });
+            me.on('onrender',function(event){
+                var id = event['detail'];
+                var dom = Blend.ui.get(id).main;
+
+                loader.runScript(dom);
+
+            });
 
             // me.onshow2 = me.onshow;
             me.on('onshow',function(event){
@@ -12910,6 +12967,10 @@ define('src/web/LayerGroup.js',['require','./blend','../common/lib','./WebContro
 
                 me._layers[id].onshow = me.onshow;
             }
+            if (me.onrender) {
+
+                me._layers[id].onrender = me.onrender;
+            }
 
 
             console.log('start new layer', id, this._layers[id]);

diff --git a/dist/BlendWebUI.min.js b/dist/BlendWebUI.min.js
diff --git a/src/common/loader.js b/src/common/loader.js
@@ -0,0 +1,49 @@
+define(
+    function(require) {
+
+    /**
+     * @class blend.loader
+     * @singleton
+     * @private
+     */
+
+    //baidu-async-module,
+    //这里实现两个方法
+    //A. 加载页面源js
+    //B. 页面内嵌js
+
+    var loader = {};
+
+    var getScript = function(url,cb){
+        var script = document.createElement('script');
+        script.setAttribute('src', url);
+        document.head.appendChild(script);
+        script.onload = function(){
+                if(cb){cb(script);}
+        };
+    };
+
+
+    loader.getScript = function(layerid,jsarr,callback){
+        var getscript = 0;
+        for(var i = 0,len=jsarr.length;i<len;i++){
+             getScript(jsarr[i],function(){
+                getscript++;
+                if (getscript === len){
+                    callback();
+                }
+            });
+        }
+    };
+    loader.runScript = function(dom){
+        if ($("script",dom).length){
+            $("script",dom).each(function(){
+                eval($(this).html());
+            });
+        }
+
+    };
+
+    return loader;
+
+});
diff --git a/src/web/Layer.js b/src/web/Layer.js
@@ -19,6 +19,7 @@ define(
 
         var lowerAnimate = $("html").hasClass("android");
 
+        var loader = require('../common/loader');
 
         /**
          * @constructor
@@ -166,6 +167,13 @@ define(
             //     me.onhide && me.onhide(event);
 
             // });
+            me.on('onrender',function(event){
+                var id = event['detail'];
+                var dom = Blend.ui.get(id).main;
+
+                loader.runScript(dom);
+
+            });
 
             // me.onshow2 = me.onshow;
             me.on('onshow',function(event){

diff --git a/usecase/item.html b/usecase/item.html
@@ -42,6 +42,22 @@
             </ul>
         </div>
     </div>
+    <script>
+        console.log("info page......");
+        //console.log(blend.get);
+        var mylayer = blend.get("info");
+        $("a.back").click(function(e){
+            console.log("click.... back... out....")
+            mylayer.out();
+            return false;
+        });
+
+        $("a.reload").click(function(e){
+            mylayer.reload("item.html");
+            // e.preventDefault();
+            return false;
+        });
+    </script>
 </div>
 </div>
 

diff --git a/usecase/js/BlendWebUI.js b/usecase/js/BlendWebUI.js
@@ -1,7 +1,5 @@
 (function () {/**
-
  * @license almond 0.2.9 Copyright (c) 2011-2014, The Dojo Foundation All Rights Reserved.
- *
  * Available via the MIT or new BSD license.
  * see: http://github.com/jrburke/almond for details
  */
@@ -11509,6 +11507,7 @@ define(
             $.ajax({
                 url: options.url,
                 type: 'get',
+                dataType:"html",
                 success: function(data) {
                     // console.log("--------",data);
                     //hybird版本的web页面是带有页头和页尾的，所以，需要进行.page筛选。
@@ -11974,6 +11973,55 @@ define(
     }
 );
 
+define(
+    'src/common/loader',['require'],function(require) {
+
+    /**
+     * @class blend.loader
+     * @singleton
+     * @private
+     */
+
+    //baidu-async-module,
+    //这里实现两个方法
+    //A. 加载页面源js
+    //B. 页面内嵌js
+
+    var loader = {};
+
+    var getScript = function(url,cb){
+        var script = document.createElement('script');
+        script.setAttribute('src', url);
+        document.head.appendChild(script);
+        script.onload = function(){
+                if(cb){cb(script);}
+        };
+    };
+
+
+    loader.getScript = function(layerid,jsarr,callback){
+        var getscript = 0;
+        for(var i = 0,len=jsarr.length;i<len;i++){
+             getScript(jsarr[i],function(){
+                getscript++;
+                if (getscript === len){
+                    callback();
+                }
+            });
+        }
+    };
+    loader.runScript = function(dom){
+        if ($("script",dom).length){
+            $("script",dom).each(function(){
+                eval($(this).html());
+            });
+        }
+
+    };
+
+    return loader;
+
+});
 define(
 
     /**
@@ -11984,7 +12032,7 @@ define(
      * @inheritable
      */
 
-    'src/web/Layer.js',['require','../common/lib','./WebControl','./blend','./layer/layerapi'],function (require) {
+    'src/web/Layer.js',['require','../common/lib','./WebControl','./blend','./layer/layerapi','../common/loader'],function (require) {
 
 
         var lib = require('../common/lib');
@@ -11995,6 +12043,7 @@ define(
 
         var lowerAnimate = $("html").hasClass("android");
 
+        var loader = require('../common/loader');
 
         /**
          * @constructor
@@ -12142,6 +12191,13 @@ define(
             //     me.onhide && me.onhide(event);
 
             // });
+            me.on('onrender',function(event){
+                var id = event['detail'];
+                var dom = Blend.ui.get(id).main;
+
+                loader.runScript(dom);
+
+            });
 
             // me.onshow2 = me.onshow;
             me.on('onshow',function(event){
@@ -12911,6 +12967,10 @@ define('src/web/LayerGroup.js',['require','./blend','../common/lib','./WebContro
 
                 me._layers[id].onshow = me.onshow;
             }
+            if (me.onrender) {
+
+                me._layers[id].onrender = me.onrender;
+            }
 
 
             console.log('start new layer', id, this._layers[id]);
@@ -13174,4 +13234,4 @@ require(['src/web/blend','src/web/dialog/alert','src/web/slider','src/web/Layer.
 
 define("src/web/main", function(){});
 
-}());
+}());
diff --git a/usecase/js/all.js b/usecase/js/all.js
@@ -3,23 +3,23 @@
 
     var layer = blend.Layer;
 
-    blend.layerInit("info",function(){
-        console.log("info page......");
-        //console.log(blend.get);
-        var mylayer = blend.get("info");
-        $("a.back").click(function(e){
-            console.log("click.... back... out....")
-            mylayer.out();
-            return false;
-        });
+    // blend.layerInit("info",function(){
+    //     console.log("info page......");
+    //     //console.log(blend.get);
+    //     var mylayer = blend.get("info");
+    //     $("a.back").click(function(e){
+    //         console.log("click.... back... out....")
+    //         mylayer.out();
+    //         return false;
+    //     });
 
-        $("a.reload").click(function(e){
-            mylayer.reload("item.html");
-            // e.preventDefault();
-            return false;
-        });
+    //     $("a.reload").click(function(e){
+    //         mylayer.reload("item.html");
+    //         // e.preventDefault();
+    //         return false;
+    //     });
 
-    });
+    // });
 
     blend.layerInit("0",function(){
         $(document).click(function(e){
@@ -28,7 +28,8 @@
             // var _layer = window._layer;
             var $t = $(e.target).closest('a');
             if (!$t.length) return true;
-
+            if ($t.attr("href")=='#')return ;
+            // console.log($t.attr("href"))
             e.preventDefault();
             window._layer && window._layer.destroy();
             window._layer = new layer({