Ana içeriğe geç

Sekmeli İçerik

TabbedContent widget'ı sekmeli bir arayüz oluşturur ve kullanıcıların farklı içerik bölümleri arasında geçiş yapmasına olanak tanır. Diğer widget'ları ayrı sekmelerinde barındıran bir kapsayıcı widget olarak işlev görür.

Sekme Sayfaları

TabbedContent widget'ındaki her sekmeye sekme sayfası denir. Sekme sayfaları başka widget'lar içerebilir. Sekme sayfalarının görünümü ve görünürlüğü dinamik olarak biçimlendirme kuralları ve doğrulama kuralları..

Yüksekliğe Sığdır

Varsayılan olarak sekmeli içerik widget'ının yüksekliği, en uzun sekme sayfasının yüksekliğine ayarlanır. Tüm sekmelerin aynı yükseklikte olmasını sağlamak için FitHeight özelliğini True.

Etkin Sekme Seçimi

özelliği, şu anda etkin olan sekmeyi belirleyen bir XPath ifadesi belirtir. Bu ifade ActiveTabXPath etkinleştirilecek sekmenin sıfır tabanlı dizinini döndürmelidir. Kullanıcı bir sekme seçtiğinde, bu sekmenin dizini, tarafından belirtilen veri modeli öğesine yazılır: ActiveTabXPath.

XML Alanları

  • XPath sekme kapsayıcısı ve alt sekmeleri için veri bağlamını oluşturur.
  • Mode şunu seçer: Horizontal veya Vertical sekme yerleşimini. FitHeight sekmelerin ortak bir sabit yükseklik kullanıp kullanmadığını denetler.
  • Tabs/Tab her sayfayı içerir. Sekmenin XPath özelliği yerel bağlamını oluşturur, Label/Content sekme başlığını sağlar, Controls widget'larını içerir ve Rules koşullu davranışı denetler.
  • ActiveTabXPath seçilen sekmenin sıfır tabanlı dizinini depolayan bir alt öğedir. Formun seçilen sekmeyi saklaması gerekmiyorsa boş bırakın.
  • Dıştaki Rules öğesi sekme kapsayıcısının tamamına uygulanır.

TabbedContent bir düzen kapsayıcısıdır. Yalnızca ActiveTabXPath yapılandırılmışsa seçilen dizini yazar; alt widget'lar kendi verilerini yazar.

Örnek

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<TabbedContent Mode="Horizontal" FitHeight="False" XPath="">
    <Rules/>
    <Tabs>
        <Tab XPath="">
            <Rules>
                <FormattingRule Hidden="True">
                    <Condition>
                        <Content><![CDATA[return $Xml.Equals('MyField','OPEN')]]></Content>
                    </Condition>
                </FormattingRule>
            </Rules>
            <Label>
                <Content><![CDATA[Tab1]]></Content>
            </Label>
            <Controls>
                <Html>
                    <Content><![CDATA[<h1>Tab 1</h1>]]></Content>
                </Html>
            </Controls>
        </Tab>
        <Tab XPath="">
            <Rules>
                <ValidationRule>
                    <Condition>
                        <Content><![CDATA[return true;]]></Content>
                    </Condition>
                    <Label>
                        <Content><![CDATA[invalid]]></Content>
                    </Label>
                </ValidationRule>
            </Rules>
            <Label>
                <Content><![CDATA[Always Invalid]]></Content>
            </Label>
            <Controls>
                <Html>
                    <Content><![CDATA[<h1>Tab 2</h1>]]></Content>
                </Html>
            </Controls>
        </Tab>
    </Tabs>
    <ActiveTabXPath><![CDATA[Fields/ActiveTab]]></ActiveTabXPath>
</TabbedContent>