avalon1.5.2在IE8下报错：对象不支持“hasOwnProperty”属性或方法 #1063

Lihuanghe · 2015-09-21T06:25:07Z

调用栈：
toJson [行: 1434，列: 13], avalon.js
toJson [行: 1435，列: 17], avalon.js
$modelDescriptor.get [行: 1445，列: 9], avalon.js
VBMediator [行: 1489，列: 17], avalon.js

RubyLouvre · 2015-09-21T07:53:30Z

给例子！一个可以运行的页面！

Lihuanghe · 2015-09-21T10:31:26Z

这个：

http://lihuanghe.github.io/avalontest/#!/33

在调用main.js的：$(el).datagrid(vm.$model.wrapperOptions);报错：

Lihuanghe · 2015-09-21T12:47:42Z

我找到问题原因了，我在avalonJQcomponent.js的component里增加了一个dom属性，用来保存dom元素，方便以后jquery操作。就是因为多了这个dom属性导致的问题

    //把jquery的插件包装成一个avalon的组件
    var wrapper = function(name,template,init,destroy){

            avalon.component("jq:"+name, {
                wrapperOptions:{},
                $replace: true,
               // $DOMelement:{}, //这个dom属性引起IE8的问题
                $init:function(vm,el){
                     avalon.log('init :' + vm.$id )
                },
                $ready: function (vm,el) {
                 //  vm.$DOMelement = el;
                   if(init)
                        init(vm,el);
                },
                $dispose :function(vm,el){
                     el.innerHTML =  ""
                     if(destroy)
                        destroy(vm.el);
                     avalon.log('dispose :' + vm.$id )
                },
                $template: template
            });
    }
    return {wrap:wrapper};

不知道怎么解决。

Lihuanghe · 2015-09-22T02:23:24Z

重现错误：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="./avalon.js"></script>
<script type="text/javascript">

        var model = avalon.define({
                $id: "main",
                test:'在IE8下的组件有bug'
      });
      avalon.library("te");
    avalon.component("te:test", {
                $replace: true,
                test:'12',
                $DOMelement:{},
                $init:function(vm,el){
                     avalon.log('init :' + vm.$id )
                },
                $ready: function (vm,el) {
                   vm.$DOMelement =el;
                    avalon.log('ready :' + vm.$id )
                },
                $dispose :function(vm,el){
                     el.innerHTML =  ""
                     avalon.log('dispose :' + vm.$id )
                },
                $template: '<span>ABC</span>'
            });


     avalon.ready(function(){
        avalon.scan();
        setTimeout(function(){
          avalon.log(avalon.vmodels.test.$model.$DOMelement)  ; //这一行报错
        },500);

      });
</script>
</head>
<body class="ms-controller" ms-controller="main">
<div>
<te:test $id='test'></te:test>
</div>
</body>

</html>

RubyLouvre · 2015-09-22T06:53:17Z

https://github.com/RubyLouvre/avalon2/blob/master/avalon.js 试试这个版本

RubyLouvre closed this as completed Sep 22, 2015

RubyLouvre pushed a commit that referenced this issue Sep 22, 2015

fix #1063

863102e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

avalon1.5.2在IE8下报错：对象不支持“hasOwnProperty”属性或方法 #1063

avalon1.5.2在IE8下报错：对象不支持“hasOwnProperty”属性或方法 #1063

Lihuanghe commented Sep 21, 2015

RubyLouvre commented Sep 21, 2015

Lihuanghe commented Sep 21, 2015

Lihuanghe commented Sep 21, 2015

Lihuanghe commented Sep 22, 2015

RubyLouvre commented Sep 22, 2015

avalon1.5.2在IE8下报错： 对象不支持“hasOwnProperty”属性或方法 #1063

avalon1.5.2在IE8下报错： 对象不支持“hasOwnProperty”属性或方法 #1063

Comments

Lihuanghe commented Sep 21, 2015

RubyLouvre commented Sep 21, 2015

Lihuanghe commented Sep 21, 2015

Lihuanghe commented Sep 21, 2015

Lihuanghe commented Sep 22, 2015

RubyLouvre commented Sep 22, 2015

avalon1.5.2在IE8下报错：对象不支持“hasOwnProperty”属性或方法 #1063

avalon1.5.2在IE8下报错：对象不支持“hasOwnProperty”属性或方法 #1063