TabPanel Class

Provides information about the Document Viewer's tab panel.

Declaration

export class TabPanel extends 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.

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

keyboardHelper Property

Declaration

keyboardHelper: RightPanelKeyboardHelper

Property Value

Type
RightPanelKeyboardHelper

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

Methods

toggleCollapsed Method

Declaration

toggleCollapsed(): void