Javascript 在主干路由器的一个操作中绑定多个视图

我在主干路由器中创建一个操作：

 routes: {
    "showCart": "cartList",
 }
 .....
 app_router.on('route:cartList', function (showCart) {
    var cartListView = new CartList();
    cartListView.render();
 });

然后，我有两个或两个以上的视图要在该操作中渲染

var SignInView = Backbone.View.extend({
    el : $("#rightpanel"),
    initialize:function(){
        this.render();
    },
    render:function(){
        var template = _.template(signinTemplate, {})
        this.$el.html(template);
    }
});
return SignInView;

var CartListView = Backbone.View.extend({
    el : $("#cartlist"),
    initialize:function(){
        this.render();
    },
    render: function(){
        var item = deserializeJSONToObj(window.localStorage.getItem("Cart"));
        var str = '<table>';
        $.each(item, function(i, item) {
            str += '<tr><td><img src="' + item.PictureName + '" alt="Product" width="135px"/></td><td>'+item.Name+'</td></tr>';
        });
        str += '</table>';
        this.$el.html(str);
    }
});
return CartListView;

var-SignInView=Backbone.View.extend({
el:$（“右面板”），
初始化：函数（）{
这个。render（）；
},
render:function（）{
var-template=u.template（signinTemplate，{}）
这个.$el.html（模板）；
}
});
返回信号视图；
var CartListView=Backbone.View.extend({
el:$（“#cartlist”），
初始化：函数（）{
这个。render（）；
},
render:function（）{
var item=deserializejsontobj（window.localStorage.getItem（“Cart”））；
var-str=''；
$。每个（项目，功能（i，项目）{
str+=''+项目名称+''；
});
str+=''；
这个.$el.html（str）；
}
});
返回列表视图；

如何在路由器中一次操作绑定这两个视图

任何帮助都将不胜感激。

添加对路由器的更改

 routes: {
    "showCart": "cartList",
 }
 .....
 app_router.on('route:cartList', function (showCart) {
    var workView = new WorkView();
    workView.render();
 });

并创建名为WorkView的视图

var WorkView= Backbone.View.extend({

    initialize:function(){

    },
    render:function(){
        var signInView = new SignInView ();
        var cartListView = new CartList();
    }
});