Ajax控件,TabContainer如何按需加载?

岂_辰 2013-11-26 12:23:32
主页面(so.aspx)有一个TabContainer,里面有7个TabPanel,每个TabPanel里有1个用户控件。

如下,cc1是TabContainer控件。slc是用户控件dc2.ascx。这是一个标签页的代码,其他标签页类似。

<cc1:TabPanel ID="tpPO" runat="server" HeaderText="Purchase Order" TabIndex="2" Enabled="false">
<ContentTemplate>
<slc:DC2 runat="server" ID="dcPO" />
</ContentTemplate>
</cc1:TabPanel>


现在的情况是这样的:so.aspx页面加载完成后,7个TabPanel会一次性加载完成,然后,会根据所选的tab,显示不同的标签页。这样的话,第一次进页面会非常慢。

我想,可不可以实现这样的功能?

第一次进so.aspx页面的时候,只加载第一个标签页的内容和所有的标签页的页眉。

然后,使用TabContainer的TabIndexChange方法,根据点击的标签页,只加载那个标签页的内容。

这样可以实现吗?

希望有高手可以提供一个思路。
...全文
5103 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
岂_辰 2013-12-03
  • 打赏
  • 举报
回复
引用 3 楼 hdhai9451 的回复:
可以的,七个Tab只是一个控件,这个可以自定义有多少个Tab都可以,它只是标签,并不是加载七个控件.而每个Tab里面又是单独的另外一个控件,当对应的标签激活时,就加载那个页面,只是可能你的还没有控件好
请看楼上。
岂_辰 2013-12-03
  • 打赏
  • 举报
回复
引用 1 楼 guwei4037 的回复:
你可以在TabContainer的TabIndexChange方法中,动态的创建控件,而不是一开始就加载,来达到你的要求。
我用PlaceHolder把原ascx替换掉,在aspx中这样写:
<cc1:TabPanel ID="tpPO" runat="server" HeaderText="Purchase Order" TabIndex="2" Enabled="false">
    <ContentTemplate>
        <asp:PlaceHolder ID ="ph_dc2" runat="server"></asp:PlaceHolder>
    </ContentTemplate>
</cc1:TabPanel>
再在TabIndexChange方法中这样写
Control dc2 = LoadControl("DC2.ascx");
ph_dc2.Controls.Add(dc2);
因为这些控件,全是用在UpdatePanel里的。 而用户控件里又需要按钮向后台请求。 向T型台请求时,必然会进主页面so.aspx页面的Page_Load方法中,这样就会把用户控件里的数据刷掉了。导致获取不到数据。
Andy__Huang 2013-11-27
  • 打赏
  • 举报
回复
可以的,七个Tab只是一个控件,这个可以自定义有多少个Tab都可以,它只是标签,并不是加载七个控件.而每个Tab里面又是单独的另外一个控件,当对应的标签激活时,就加载那个页面,只是可能你的还没有控件好
devmiao 2013-11-26
  • 打赏
  • 举报
回复
可以,用jquery的load动态加载。
全栈极简 2013-11-26
  • 打赏
  • 举报
回复
你可以在TabContainer的TabIndexChange方法中,动态的创建控件,而不是一开始就加载,来达到你的要求。
1 Accordion 2 AccordionPane 实现多面板,每次都只显示一个,其他收藏起来,可以设置显示隐藏的时间和渐变效果哦 3 AlwaysVisibleControlExtender 这个东西是将VerticalSide的值设置好后无论页面的滚动条滚动,这个目标控件一直都显示在页面的那个位置 4 AnimationExtender 5 AnimationExtenderControlBase 实现控件中内容的动画效果(移动、变化 大小、淡如淡出、变颜色等) 6 AutoCompleteExtender 自动的提示功能,在Google和丁丁地图中都用实现效果,不错的哦 7 CalendarExtender 日历控件 8 CascadingDropDown 级联下拉菜单 9 CollapsiblePanelExtender 点击某个控件,显示一个特定的面板和隐藏那个特定的面板 10 ConfirmButtonExtender 弹出一个确认按钮 11 DraggableListItemExtender 12 DragPanelExtender 拖动控件,将某个面板可以拖动,范围在该页面内 13 DropDownExtender 给任意控件添加下拉菜单 14 DropShadowExtender 将某个面板添加阴影 15 DynamicPopulateExtender 动态生成控件中的内容 16 FilteredTextBoxExtender 可以控制文本框中的输入内容,可以是系统的表达式(FilterType="LowercaseLetters/Numbers")也可以是自定义的(FilterType="Custom") 例如:FilterType="Custom, Numbers" ValidChars="+-=/*()." /> 表示只能输入数字和自定义的"+-=/*()." 这几个符号。。。 17 HoverExtender 18 HoverMenuExtender 鼠标放在某个控件上显示一个特定的面板 19 ListSearchExtender 为下拉菜单添加字母查找功能 20 MaskedEditExtender 21 MaskedEditValidator 输入框格式限定功能 22 ModalPopupExtender 出现模式对话框功能 23 MutuallyExclusiveCheckBoxExtender 多个选项某个选项独占功能 24 NoBot 防爬虫/机器输入功能 25 NumericUpDownExtender 数字值增减,这个效果经常看到哦,Kijiji上面就有的好像 26 PagingBulletedListExtender 按字母顺序的bbs功能 27 PasswordStrength 根据输入的密码客户端提示你输入密码的安全性 28 PopupControlExtender 29 PopupExtender 给任意控件添加一个要弹出的控件或者面板 30 Rating 评级控件 31 ReorderList 任意添加列表内容并更改列表顺序 32 ResizableControlExtender 控件大小改变 33 RoundedCornersExtender 圆角大小 34 SliderExtender 类似音量大小那种拖动条空间 SlideShowExtender 幻灯片一张张播放图片,没有这个东西的时候做死人,用javascipt中写的 35 TabContainer 36 TabPanel tab控件 这个控件比较常用的哦,有个TabContainer1.ActiveTabIndex = 1; 来设置页面加载的时候显示第几个,默认值为最大的那个,从0开始的哦。 37 TextBoxWatermarkExtender 文本输入框提示文字控件,这个也是友好信息吧,一点就没有了。o(∩_∩)o...哈哈 38 ToggleButtonExtender 可改变的按钮,实际上是一个有图片的checkbox 39 UpdatePanelAnimationExtender 在某个特定的面板中数据更新的时候该面板显示出来的动画效果 40 ValidatorCalloutExtender 增强的输入验证控件
很不错的中文教程!文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成widget Dojo学习笔记--开发自己的TitlePane Dojo学习笔记--页面部分区域遮挡,DialogUnderlay Dojo学习笔记(五)-djConfig详解 dojo data 接口详解 dojo0.9 使用心得 dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果
很不错的中文教程!文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成widget Dojo学习笔记--开发自己的TitlePane Dojo学习笔记--页面部分区域遮挡,DialogUnderlay Dojo学习笔记(五)-djConfig详解 dojo data 接口详解 dojo0.9 使用心得 dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果
很不错的教程!文件太大分三个包上传的! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成widget Dojo学习笔记--开发自己的TitlePane Dojo学习笔记--页面部分区域遮挡,DialogUnderlay Dojo学习笔记(五)-djConfig详解 dojo data 接口详解 dojo0.9 使用心得 dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果
分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成widget Dojo学习笔记--开发自己的TitlePane Dojo学习笔记--页面部分区域遮挡,DialogUnderlay Dojo学习笔记(五)-djConfig详解 dojo data 接口详解 dojo0.9 使用心得 dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果

8,834

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 组件/控件开发
社区管理员
  • 组件/控件开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧