The requested page is not available for the requested platform. You are viewing the content for Default platform.

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 Description
ko.Observable<boolean>
ko.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.

<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.

<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 Description
ko.Observable<number>
ko.Computed<number>

Remarks

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

<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>