ExtJs6 路由有参无参使用方式

当我们想通过监听uri的地址的改变来做一些操作时我们可以使用extjs的路由(routes),下面来介绍一下如何使用简单路由和使用路由来传递参数。
1.简单的路由:

首先我们使用下面代码来发送路由
this.redirectTo('startRoute'); 
然后我们在controller里监听uri的改变来接收路由:
routes : {
    'startRoute' : 'startRoute'
},
startRoute : function(){
    this.doSomething();
}
接下来介绍一下用路由传递参数:
var num = 12345;//声明一个变量
this.redirectTo('sendNumber/'+num); 
routes : {
    'sendNumber/:num' : 'sendNumber'
},
sendNumber: function(num){
    console.log(num);//12345
}

tips : 需要说明几点:
1.一个controller里只能写一个routes,即使有很多路由需要监听接收那么也要都写在一个routes里,否则会监听不到;
2.路由使用多了会导致uri重复引发错误;
3.当路由触发后,url发生改变后再次触发路由不会产生效果,因为uri没有发生变化。解决方法是,当我们发送完路由,我们再次发送一个空的路由 this.redirectTo(”);,这样可以多次触发同一路由。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值