いいね!数

0

閲覧数
66

単一アプリケーションページの中にアプリケーションページを置いて、タブバーボタンで

アプリケーションページを制御しています。

 

ひとつのアプリケーションページの中にさらに単一のアプリケーションページを置いて

その中でまたアプリケーションページを制御しようとしているのですが、エラーが出て

制御できません。

アプリケーションページの中に単一アプリケーションを置いても動作はしないのでしょうか?

出ているエラーは以下の通りです。

Uncaught TypeError: Cannot read property '0' of undefined

ざっくりしとした説明ですが、足りない点がありましたらご指摘ください。

よろしくお願いいたします。
        

 

 

 

サーバー情報: | クライアント情報: | 
カテゴリ:アプリ開発 - XPages | タグ:
  | 質問日時:Feb 1, 2021, 2:25:49 PM

回答・コメント

いいね!数

0

さきほどの質問の内容を簡単したサンプルを添付致します。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex"
    xmlns:xc="http://www.ibm.com/xsp/custom">

    <xp:this.data>
        <xp:dominoView var="view1" databaseName="ls\ln_doc.nsf"
            viewName="homeLink">
        </xp:dominoView>
    </xp:this.data>


    <xp:this.resources>
        <xp:styleSheet href="/mbStyle.css"></xp:styleSheet>
    </xp:this.resources>
    

        
        
    <xe:singlePageApp id="singlePageApp1" selectedPageName="appPage1">

        <xe:tabBar id="tabBar1">
            <xe:tabBarButton id="tabBarButton1" label="ボタン1">
                <xp:eventHandler event="onClick" submit="false">
                    <xe:this.script><![CDATA[location.hash = "#appPage1";]]></xe:this.script>
                </xp:eventHandler></xe:tabBarButton>
            <xe:tabBarButton id="tabBarButton2" label="ボタン2">
                <xp:eventHandler event="onClick" submit="false">
                    <xe:this.script><![CDATA[location.hash = "#appPage2";]]></xe:this.script>
                </xp:eventHandler></xe:tabBarButton>
            <xe:tabBarButton id="tabBarButton3" label="ボタン3">
                <xp:eventHandler event="onClick" submit="false">
                    <xe:this.script><![CDATA[location.hash = "#appPage3";]]></xe:this.script>
                </xp:eventHandler></xe:tabBarButton>
        </xe:tabBar>

        <xe:appPage id="appPage1" pageName="appPage1">
            <xp:label id="label1" value="1枚目"></xp:label>
        </xe:appPage>
        <xe:appPage id="appPage2" pageName="appPage2">
            <xp:label value="2枚目" id="label2"></xp:label>
        </xe:appPage>

        <xe:appPage id="appPage3" pageName="appPage3">
            <xe:singlePageApp id="singlePageApp2"
                selectedPageName="app1">
                <xe:tabBar id="tabBar2">
                    <xe:tabBarButton id="tabBarButton4" label="ボタン①">
                        <xp:eventHandler event="onClick"
                            submit="false">
                            <xe:this.script><![CDATA[location.hash = "#app1";]]></xe:this.script>
                        </xp:eventHandler></xe:tabBarButton>
                    <xe:tabBarButton id="tabBarButton5" label="ボタン②">
                        <xp:eventHandler event="onClick"
                            submit="false">
                            <xe:this.script><![CDATA[location.hash = "#app2";]]></xe:this.script>
                        </xp:eventHandler></xe:tabBarButton>
                </xe:tabBar>
            </xe:singlePageApp>

            <xe:appPage id="app1" pageName="app1">
                <xp:label value="あぷ1枚目" id="label3"></xp:label>
            </xe:appPage>
            <xe:appPage id="app2" pageName="app2">
                <xp:label value="あぶ2枚目" id="label4"></xp:label>
            </xe:appPage>
            <xe:appPage id="app3" pageName="app3">
                <xp:label value="あぶ3枚目" id="label5"></xp:label>
            </xe:appPage>

        </xe:appPage>
    </xe:singlePageApp></xp:view>
 

ボタン②が動作しません。

これは仕様でしょうか?

回答日時:Feb 1, 2021, 5:35:20 PM

いいね!数

0

解決策がなさそうなので、別の部品を使って実現しようと思います。

ありがとうございました。

回答日時:Feb 2, 2021, 2:29:21 PM

いいね!数

0

「角を丸くしたリスト」を使って代替えします。

回答日時:Feb 2, 2021, 2:30:00 PM