0

ボタンをクリックすると次のタブに移動しますが、前のタブをクリックして何かを編集してからもう一度ボタンをクリックしても何も起こりません。理由はありますか？ボタンのコードは次のとおりです。

<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>
4

1 に答える 1

5

SelectedTab または defaultTab の値をバインドviewScope.currentTabし、viewScope.currentTab = "id" を使用してすべてのボタンに viewScope 変数を設定しているのがわかります。

を使用して、タブをコンポーネントに直接設定することをお勧めしますgetComponent('tabbedPanel').setSelectedTab('tabid')。

少し良いこと: このコードは、2 つのボタン (「戻る」と「次へ」) を作成するのに役立ちます。パネルに追加するタブの数は、ボタンが常に進むボタンと戻るボタンとして機能する必要があります。

ボタンバック:

    <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>
于 2013-08-26T06:24:07.840 に答える