TabPanel Class

Provides information about the Document Viewer’s tab panel.

Declaration

class TabPanel extends Utils.Disposable

Properties

collapsed Property

Specifies whether the tab panel is collapsed.

Declaration

collapsed: ko.Observable<boolean> | ko.Computed<boolean>

Property Value

Type
Observable<boolean>
Computed<boolean>

Remarks

The code sample below demonstrates how to automatically collapse the tab panel after resetting parameter values in the ASPxClientReportDesigner.PreviewParametersReset event handler.

ASPX

<script type="text/javascript" id="script">
    function previewParametersReset(s, e) {
        var preview = s.GetPreviewModel();
        if (preview) {
            preview.tabPanel.collapsed(true);
        }
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents PreviewParametersReset="previewParametersReset"/>  
</dx:ASPxReportDesigner>

tabs Property

Provides access to the tabs of the tab panel.

Declaration

tabs: TabInfo[]

Property Value

Type	Description
TabInfo[]	An array of tabs.

Remarks

The code sample below demonstrates how to make a specific tab active.

ASPX

<script type="text/javascript" id="script">
    function Init(s, e) {
        s.GetPreviewModel().tabPanel.tabs[0].active(true);
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents Init="Init"/>  
</dx:ASPxReportDesigner>

width Property

Specifies the width of the tab panel.

Declaration

width: ko.Observable<number> | ko.Computed<number>

Property Value

Type
Observable<number>
Computed<number>

Remarks

The code sample below demonstrates how to specify the tab panel width in the Init event handler.

ASPX

<script type="text/javascript" id="script">
    function Init(s, e) {
        s.GetPreviewModel().tabPanel.width(500);
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents Init="Init"/>  
</dx:ASPxReportDesigner>