Ana içeriğe geç

Sekmeli İçerik

TabbedContent bileşeni, kullanıcıların farklı içerik bölümleri arasında geçiş yapmasına olanak tanıyan sekmeli bir arayüz oluşturur. Diğer bileşenleri kendi sekmelerinde barındıran bir kapsayıcı bileşen görevi görür.

Sekme Sayfaları

TabbedContent bileşenindeki her sekmeye sekme sayfası denir. Sekme sayfaları başka bileşenler 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 Uydur

Varsayılan olarak sekmeli içerik bileşeninin yüksekliği, en uzun sekme sayfasının yüksekliğine ayarlanır. Tüm sekmelerin aynı yüksekliğe sahip olmasını istiyorsanız FitHeight özelliğini şu değere ayarlayın: True.

Etkin Sekme Seçimi

özelliği, ActiveTabXPath geçerli etkin sekmeyi belirleyen bir XPath ifadesi belirtir. Bu ifade, 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 sekme yerleşimini Horizontal veya Vertical seçer. FitHeight sekmelerin ortak, sabit bir yükseklik kullanıp kullanmayacağını denetler.
  • Tabs/Tab her sayfayı içerir. Bir sekmenin XPath yerel bağlamını oluşturur, Label/Content sekme başlığını sağlar, Controls bileşenlerini içerir ve Rules koşullu davranışı denetler.
  • ActiveTabXPath seçili sekmenin sıfır tabanlı dizinini depolayan bir alt öğedir. Formun seçili sekmeyi kalıcı olarak saklaması gerekmiyorsa boş bırakın.
  • Dış Rules öğe, sekme kapsayıcısının tamamına uygulanır.

TabbedContent bir düzen kapsayıcısıdır. Yalnızca seçili dizini yazar; şu durumda: ActiveTabXPath yapılandırılmışsa alt bileşenler 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>