Question

单击按钮后，它会转到下一个选项卡，但是，如果单击上一个选项卡进行编辑，则再次单击该按钮，没有任何反应。知道为什么吗？这是按钮代码：

<xp:button value="Next" id="buttonNext1">
<xp:eventHandler event="onclick"
    submit="true" refreshMode="partial" refreshId="panelMain">
    <xp:this.action><![CDATA[#{javascript:
viewScope.currentTab = "tpCompanyInformation";
}]]></xp:this.action>
</xp:eventHandler>
</xp:button>

Answer 1

我看到你将SelectedTab甚至defaultTab值绑定到viewScope.currentTab并使用viewScope.currentTab =“id”在每个按钮中设置viewScope变量。

我建议使用getComponent('tabbedPanel').setSelectedTab('tabid')建议直接在组件中设置标签。

有点好吃：maby这个代码可以帮助你创建两个按钮（'后退'和'下一个'），没有你要添加到面板的多少标签按钮应该始终作为前进和后退按钮

ButtonBack：

    <xp:button id="button1" value="back">
                        <xp:eventHandler event="onclick" submit="true"
                            refreshMode="partial" refreshId="tabbedPanel1">
                            <xp:this.action><![CDATA[#{javascript:var panel:com.ibm.xsp.component.xp.XspTabbedPanel = getComponent('tabbedPanel1');
                var list:Array = panel.getChildren().toArray();
                var currentTab = panel.getSelectedTab();

                for(var i = 0; i < list.length;i++){
                    if(currentTab.equals(list[i].id)){
                        if(i > 0)
                            panel.setSelectedTab(list[i-1].id);
                        else
                            panel.setSelectedTab(list[list.length - 1].id);
                    }
                }

                    }]]></xp:this.action>
       </xp:eventHandler>
</xp:button>

按钮下一步：

<xp:button value="Next" id="buttonNext1">
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="partial" refreshId="tabbedPanel1">
            <xp:this.action><![CDATA[#{javascript://
var panel:com.ibm.xsp.component.xp.XspTabbedPanel = getComponent('tabbedPanel1');
var i:java.util.Iterator = panel.getChildren().iterator();

var currentTab = panel.getSelectedTab();

while(i.hasNext()){
    if(currentTab.equals(i.next().id)){
        if(i.hasNext())
            panel.setSelectedTab(i.next().id);
        else
            panel.setSelectedTab(panel.getChildren().iterator().next().id);
    }
}
    }]]></xp:this.action>
        </xp:eventHandler>
</xp:button>

第一次单击按钮时，选中选项卡式面板中的选项卡

1 个答案: