TabPanel Class
Provides information about the Document Viewer’s tab panel.
#Declaration
TypeScript
export class TabPanel extends BaseRenderingModel<ITabPanelViewModel>
#Properties
#collapsed Property
Specifies whether the tab panel is collapsed.
#Declaration
TypeScript
collapsed: boolean
#Property Value
Type |
---|
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
TypeScript
keyboardHelper: DevExpress.Analytics.Internal.RightPanelKeyboardHelperNative
#Property Value
Type |
---|
Right |
#tabs Property
Provides access to the tabs of the tab panel.
#Declaration
TypeScript
tabs: DevExpress.Analytics.Utils.TabInfo[]
#Property Value
Type | Description |
---|---|
Tab |
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>
#toggleTabVisibility Property
#Declaration
TypeScript
toggleTabVisibility: (e: any, forceExpand: boolean) => void
#Property Value
Type |
---|
(e: any, force |
#width Property
Specifies the width of the tab panel.
#Declaration
TypeScript
width: number
#Property Value
Type |
---|
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>
#zoomFactor Property
#Declaration
TypeScript
zoomFactor: number
#Property Value
Type |
---|
number |
#Methods
#addTab(tab) Method
#Declaration
TypeScript
addTab(
tab: DevExpress.Analytics.Utils.TabInfo
): void
#Parameters
Name | Type |
---|---|
tab | Tab |
#createViewModel Method
#Declaration
TypeScript
createViewModel(): ITabPanelViewModel
#Returns
Type |
---|
ITab |
#getTabByName(tabName) Method
#Declaration
TypeScript
getTabByName(
tabName: string
): DevExpress.Analytics.Utils.TabInfo
#Parameters
Name | Type |
---|---|
tab |
string |
#Returns
Type |
---|
Tab |
#onPropertyChanged(args) Method
#Declaration
TypeScript
onPropertyChanged(
args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs
): void
#Parameters
Name | Type |
---|---|
args | Property |
#removeTabs Method
#Declaration
TypeScript
removeTabs(): void
#updateViewModel(args) Method
#Declaration
TypeScript
updateViewModel(
args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs
): void
#Parameters
Name | Type |
---|---|
args | Property |