Telerik UI for ASP。净AJAX?下载30天免费试用

在服务器上使用选项卡

使用服务器端API,您可以通过编程方式添加、删除和编辑选项卡条中的选项卡。

在页面加载中添加选项卡

在添加一个RadTabStrip控件添加到您的Web页面时,您可以使用以下服务器端代码在页面加载时添加选项卡:

protected void Page_Load(对象发送者,EventArgs e) {if (!Page.IsPostBack) {RadTab tab1 = new RadTab();tab1。Text = "Tab 1";RadTab tab11 =新RadTab();tab11。Text = "Child 1";tab1.Tabs.Add (tab11);RadTab tab2 = new RadTab();tab2。Text = "Tab 2"; RadTab tab3 = new RadTab(); tab3.Text = "Telerik"; tab3.NavigateUrl ="//www.aliitrade.com/docs/"; RadTabStrip1.Tabs.Add(tab1); RadTabStrip1.Tabs.Add(tab2); RadTabStrip1.Tabs.Add(tab3); } }
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)处理我。加载如果没有页面。IsPostBack然后Dim tab1作为新的RadTab() tab1。Text = "Tab 1" Dim tab11 As New RadTab() tab11。Text = "Child 1" tab1.Tabs.Add(tab11) Dim tab2 As New RadTab() tab2。Text = "Tab 2" Dim tab3 As New RadTab() tab3。Text = "Telerik" tab3。NavigateUrl = "//www.aliitrade.com/docs/" RadTabStrip1.Tabs.Add(tab1) RadTabStrip1.Tabs.Add(tab2) RadTabStrip1.Tabs.Add(tab3)结束

动态添加选项卡

您可以动态更新选项卡的集合RadTabStrip而且RadTab也可以回应回发。考虑下面的选项卡条声明:

       

TabClick事件处理程序在运行时在后回动态添加选项卡:

protected void RadTabStrip1_TabClick(对象sender, RadTabStripEventArgs e) {switch (. tab . value) {case "R": //添加一个新的根标签RadTab rootab = new RadTab();RootTab。文本= "新根标签";RootTab。值= "C";RadTabStrip1.Tabs.Add (RootTab);打破;case "C": //添加一个新的子标签RadTab ChildTab = new RadTab();RadTab ParentTab = e.Tab;ChildTab。Text = "New ChildTab"; ParentTab.Tabs.Add(ChildTab); break; } }
受保护子RadTabStrip1_TabClick(ByVal sender As Object, _ByVal e As RadTabStripEventArgs) _Handles RadTabStrip1. RadTabStrip1_TabClick(ByVal sender As Object, _ByVal e As RadTabStripEventArgs)TabClick选择Case e.Tab.Value Case“R”'添加一个新的根标签Dim RootTab As new RadTab() RootTab。文本= "新根标签"值= "C" RadTabStrip1.Tabs.Add(RootItem)退出选择Case "C" '添加一个新的子标签Dim ChildTab As new RadTab() Dim parentab As RadTab = e.Tab ChildTab。Text = "新建子标签" parentabb . tabs . add (ChildTab)退出选择结束选择结束子标签

点击两个菜单项会得到以下结果:

动态添加

删除、禁用和启用项

要删除服务器端代码中的选项卡,请使用删除的方法RadTabCollection对象,它包含该对象。要启用或禁用选项卡,请使用启用的属性RadTab对象本身。下面的示例演示了这些技术。

考虑下面的选项卡条:

            < RadTabStrip1_TabClick">         

TabClick当单击子选项卡时,事件处理程序在运行时的回发中动态地删除、禁用和启用选项卡。它删除第一个根选项卡的子选项卡,并禁用第二个根选项卡的选定子选项卡,启用它的所有兄弟选项卡:

protected void RadTabStrip1_TabClick(对象发送者,RadTabStripEventArgs e) {if (e. tab。RadTab的所有者是RadTab) {RadTab parentTab = (RadTab) e.b tab .所有者;switch (parentabb . value) {case "D": parentabb . tabs . remove (e.Tab);打破;case "E": for (int i = 0;i < parentabb . tabs . count;i++) {parentabb . tabs [i]。Enabled = (parentTab.)tab [i] != e.Tab);}打破;}}}
Protected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As RadTabStripEventArgs)处理RadTabStrip1。如果TypeOf e.Tab. owner为RadTab则Dim parentTab As RadTab = DirectCast(e.Tab. owner为RadTab)所有者,RadTab)选择Case parentItem。值大小写“D”parentabb . tabs . remove (E . tab)退出选择大小写“E”Dim i As Integer = 0,而i < parentabb . tabs . count parentabb . tab (i)。Enabled = (parentTab.)选项卡(i) <> e.Tab) System.Math.Max(System.Threading.Interlocked.Increment(i),i - 1) End While Exit Select End Select End If End Sub

另请参阅

在本文中
Baidu
map