avalon 路由问题

 

1, 直接使用avalon的 amd加载器, 可以不需要 require.js

 

2, 配置baseUrl 路径, 这个一定要在 js所在的目录,  而不是jsp所在的目录,  如果js 和jsp分开　

   可以用 window.location.protocol + "//" + window.location.host 来获取网站资源路径

   require 和 define 的依赖路径,  都是在baseUrl目录下面去找的

 

3, avalon 的 define 依赖项不执行,  可能是因为没有过 require一次, 

    所以在页面上应该先调用一次 require('../router.js' ,function(router){ router.init() } )

 

4, 路由去下载templateUrl 的路径是根据 ajax去获取的, 在获取的时候没有根据 baseUrl 去组装

    js是根据 baseUrl 去组装下载

    这样的话, 就会根据浏览器的url去获取资源, 会可能出现错误, 因为html一般也和js一个地方

 

    所以templateUrl 需要重新组装

　　

avalon.state("sponseMeet", {
        url: "/",
        abstract: true, // 抽象状态，不会对应到url上
        views: {
            "": {
                templateUrl: baseUrl + "/html/sponseMeet.html", // 指定模板地址
                controllerUrl:  "./js/sponseMeet.js" // 指定控制器地址
            }
            
        }
    })

 

5, 这里的 sponseMeet 表示路由的名称

    url:"/"  表示这个路由在浏览器的显示形式 是  这样的  www.aa.com.. #!/

    在路由需要 avalon.router.go("sponseMeet") 才会进入这个页面

   

avalon.history.start({
                // basepath: "/mmRouter",
                fireAnchor: false
            })
            //go!!!!!!!!!
            avalon.scan();
            
            avalon.router.errorback = function() {avalon.router.go("sponseMeet");}

            avalon.router.go("sponseMeet");

 

　

　 abstract: true  表示抽象模板, 不能被激活(除非这个view是根路径),  但他的子模板可以被激活, 

    抽象模板可以提供一个多个有名的模板, 或者它可以传递作用域的变量给子模板

    所以在根目录之外的路由, 如果也写abstract 为true,  是不会跳转的

 

6,  avalon.router.errorback = function() {avalon.router.go("sponseMeet");}

    这个配置是防止浏览器url被改, 或者出错的时候 , 直接跳到首页 , sponseMeet 这里就是首页的东西

 

7, smartGrid 参数传值挺麻烦, 

 

opertes:  function(vmId, field, index, cellValue, rowData) {
                            
                            var tags = '<a href="javascript:;" ms-click="removeMember(\''+ rowData.phone +'\')" >移除</a>&nbsp;&nbsp;&nbsp;&nbsp;';
                            var opyin = rowData.speakStatus == 'Speak' ? '开启静音' : '取消静音'
                             
　　　　　　　　　　　　　　　　 // 使用JSON.stringify 报错, 使用  ',' 报错
                            tags += '<a href="javascript:;" ms-click="openQuiet(\''+ rowData.phone + ' ' + rowData.speakStatus +'\')" >'+opyin+'</a>&nbsp;&nbsp;&nbsp;&nbsp;';
                           
                        
                            return tags;
                        }