页面跳转问题

苦瓜很甜

如何从一个界面跳转到带有tab的界面，改tab页的界面共有两个tab如何跳到第二个tab,默认是跳到第一个tab

苦瓜很甜

这是tab的构成
<div class="x-panel-bottom" xid="bottom1" height="55">
      <div component="$UI/system/components/justep/button/buttonGroup" class="btn-group x-card btn-group-justified"
        tabbed="true" xid="buttonTab" style="background-color:white;font-size:12px"
        selected="homeTab">
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-top"
          label="首页" xid="homeTab" icon="glyphicon glyphicon-home" target="contentStore">
          <i xid="i_home" class="glyphicon glyphicon-home"/>  
          <!--           <img src="$UI/my_first/images/home.png" xid="image2" style="width:25px;height:25px"/>   -->  
          <span xid="span1">首页</span>
        </a>  
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-top"
          label="订单" xid="orderTab" icon="glyphicon glyphicon-th-list" target="contentOrder">
          <i xid="i_order" class="glyphicon glyphicon-th-list"/>  
          <!--           <img src="$UI/my_first/images/order.png" xid="image2" style="width:25px;height:25px"/>   -->  
          <span xid="span1">订单</span>
        </a>  
      </div>
    </div>

苦瓜很甜

我想点击这样一个按钮进行跳转
        <div class="col pull-left" style="width:30%;height:100%">
          <a component="$UI/system/components/justep/button/button" class="btn blueBtn"
            label="提交订单" xid="button9" onClick="submitOrderBtn">
            <span xid="span9">提交订单</span>
          </a>
        </div>

jishuang

1.通过justep.Shell.showPage的方式
2.在model的onload中调用tabs组件提供的API，具体方法看看API中的说明

苦瓜很甜

jishuang 发表于 2018-9-30 16:04
1.通过justep.Shell.showPage的方式
2.在model的onload中调用tabs组件提供的API，具体方法看看API中的说明 ...

var url = require.toUrl("./main.w?aa=1");
                        justep.Shell.showPage(url);
                       

                        var dialog = this.comp("windowDialog1");
                        var url = require.toUrl("$UI/test/main.w");
                        dialog.open({
                                src : url,
                                params : {
                                        aa : "1"
                                }
                        });
这两种方式我都用了，dialog的可以，然后跳转后页面是这么写的
this.comp("contents1").to("content3");
这样写可以但是会有一个从第一个tab跳到第二个tab的跳转效果，使用体验不是很好，想找一个直接跳转的方法，不带有跳转动画的

苦瓜很甜

没人回复一下吗

liangyongfei

苦瓜很甜 发表于 2018-10-8 17:01
没人回复一下吗

设置contents组件的slidable属性为false，即取消切换特效

苦瓜很甜

liangyongfei 发表于 2018-10-8 18:11
设置contents组件的slidable属性为false，即取消切换特效

这个应该不是切换效果的问题，我试了你说的方法还是会有这个问题，我的意思就是点击提交订单后应该跳转到订单展示页面，但是它是从提交订单页面跳转到店铺展示的tab，然后再跳转到订单展示的tab，会有一个从店铺展示tab跳到订单展示tab的切换效果，我的理想情况是直接从提交订单界面跳转到订单展示tab，而不是通过店铺展示的tab间接跳转到订单展示tab，说明一下，店铺展示tab和订单展示tab在一个界面。

liangyongfei

苦瓜很甜 发表于 2018-10-9 08:54
这个应该不是切换效果的问题，我试了你说的方法还是会有这个问题，我的意思就是点击提交订单后应该跳转到 ...

那就调用API  先切换tab页，再跳转
类似
http://docs.wex5.com/wex5-ui-question-list-2137/

苦瓜很甜

liangyongfei 发表于 2018-10-9 10:04
那就调用API  先切换tab页，再跳转
类似
http://docs.wex5.com/wex5-ui-question-list-2137/ ...

                        var dialog = self.comp("windowDialog1");

                        var contents = self.comp('windowDialog1').getInnerModel().comp("contents1");
                        contents.set({
                                slidable : false
                        });
                        contents.to('content3');
我是这么写的，错误提示Cannot read property 'comp' of undefined，这是为什么呢？contents1应该是要跳转的页面的contents的xid吧，
<span component="$UI/system/components/justep/windowDialog/windowDialog" xid="windowDialog1" src="$UI/test/main.w"/>
这是windowDialog的写法