BootstrapPageControl Class
Represents a navigation control made up of multiple tabbed pages.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.2.dll
NuGet Package: DevExpress.Web.Bootstrap
#Declaration
[DXClientDocumentationProviderWeb("BootstrapPageControl")]
[ToolboxTabName("DX.24.2: Bootstrap Controls")]
public class BootstrapPageControl :
ASPxPageControl,
ISimpleRenderControl,
IBootstrapTabControlCssClassesOwner
#Remarks
Note
The Bootstrap
- The control’s client-side equivalent is represented by the Bootstrap
Client object.Page Control - On the client side, the client object can be accessed directly by the name specified via the ASPx
Tab property.Control Base. Client Instance Name - The available client events can be accessed by using the ASPx
Tab property.Control Base. Client Side Events
The control’s client-side API is enabled if the ASPx
Callbacks vs. Postbacks
Use the page control’s ASPxTabControlBase.AutoPostBack property to control whether any end-user manipulation with the control’s elements (page tabs) requires a round trip to the server side for further processing.
Round trips to the server can be performed in the following ways:
- using standard postbacks (the whole page is refreshed)
- using the AJAX-based callback technology.
You can define which way to use to perform round trips to server using the ASPxPageControl.EnableCallBacks property.
Round trips to the server can be cancelled in a handler of the corresponding client-side event.
Usage Notes
If you want to use a navigation control which only provides a tabbed interface but doesn’t contain any pages with child controls, consider using the BootstrapTabControl control.
#Example
This example demonstrates the basic functionality of the Page Control.
- Initialize a new instance of the
BootstrapPageControl
class. - Add required BootstrapTabPage objects to the BootstrapPageControl.TabPages collection.
- Fill each tab page with the necessary content controls -
ContentCollection
items.
The image below shows the result:
<dx:BootstrapPageControl runat="server">
<TabPages>
<dx:BootstrapTabPage Text="Home">
<ContentCollection>
<dx:ContentControl runat="server" SupportsDisabledAttribute="True">
...
</dx:ContentControl>
</ContentCollection>
</dx:BootstrapTabPage>
<dx:BootstrapTabPage Text="Products">
<ContentCollection>
<dx:ContentControl runat="server" SupportsDisabledAttribute="True">
...
</dx:ContentControl>
</ContentCollection>
</dx:BootstrapTabPage>
<dx:BootstrapTabPage Text="Support">
<ContentCollection>
<dx:ContentControl runat="server" SupportsDisabledAttribute="True">
...
</dx:ContentControl>
</ContentCollection>
</dx:BootstrapTabPage>
</TabPages>
</dx:BootstrapPageControl>