0

まず、私が持っているものを説明することから始めましょう。

タブバー コントロールとして機能するセグメント化されたコントロールがあります。これにより、選択されたセグメント (タブ) に応じてページの内容が変わります。ページの内容は、左右の列に分かれています。各列には独自のマルチビューがあります。

セグメント（タブ）が変更されたときにマルチビューの1つしか変更できないという問題が発生しました。

 _______________
|  ___ ___ ___  |
| (_1_|_2_|_3_) |  /* segments or tabs */
|   ____ _____  |
|  |left|right| |  /* two columns that must change */
|  |~~~ |~~~  | |
|  |~~~ |~~~  | |
|  |~~~ |     | |
|  |____|_____| |
|_______________|

これは私のコードの一部で、dhtmlx touch を使用しています

{
container:"content",
type:"clean",
css:"page",
rows:[
    {
        view:"toolbar",
        elements:[
            {view:"segmented", width:320, inputWidth: 280, multiview: true, selected:"cos_301", align:"center", options: [   
                { label: 'COS 301', value: "cos_301"},
                { label: 'COS 333', value: "cos_333"},
                { label: 'COS 364', value: "cos_364"}
            ]}
        ]
    },
    {cols:[
        {view:"label", label:"Announcements"},
        {view:"label", label:"Pracs"}
    ]},
    {cols:[
        {view:"multiview", width:200, height: 290, 
            cells:[    
                { template:"some info", scrol: true, id:"cos_301" },
                { template:"some info", scrol: true, id:"cos_333" },
                { template:"some info", scroll: true, id:"cos_364" }
            ]
        },
        {view:"multiview", width:100, height: 290, 
            cells:[    
                { template:"some info", scrol: true, id:"cos_301p" },
                    { template:"some info", scrol: true, id:"cos_333p" },
                    { template:"some info", scrol: true, id:"cos_364p" }
                ]}
    ]}
    ]
}

/これは正しく表示されますが、変更したくないだけです/

4

1 に答える 1

0

onBeforeTabClick ハンドラーを設定して、タブのクリック時に複数のビューを表示することを試みることができます (この場合、構成から「multiview: true」を削除できます)。

dhx.ui({
...
{view:"segmented", id: "tabs", ...}
...
});

$$("tabs").attachEvent("onBeforeTabClick", function(button, id) {
   // show the view in the first column
   $$(id).show();
   // and the second column
   $$(id+"p").show();
   return true;
});
于 2014-05-19T14:52:33.510 に答える