The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.时间选择框控件
override void  (string eventArgument)
 处理回发事件
 构造函数
virtual bool  (string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
 处理回发数据
virtual void  ()
 触发回发数据改变事件
 构造函数
void  (string message)
 设置字段验证失败的提示信息
void  ()
 清除验证失败的提示信息
string  (string message)
 获取字段验证失败提示信息的客户端脚本
string  ()
 获取清除验证失败提示信息的客户端脚本
 构造函数
void  ()
 重置此字段的值（比如用来清空FileUpload的内容）
virtual string  ()
 获取重置此字段的客户端脚本
virtual string  ()
 获取此字段值的客户端脚本（注意返回的脚本不带结束分号）
 构造函数
 构造函数
new void  ()
 使控件获得焦点
void  (bool selectText)
 使控件获得焦点，并选中控件中的文本内容
void  (bool selectText, int delayMilliseconds)
 使控件获得焦点，并选中控件中的文本内容
virtual string  ()
 获得使控件获得焦点的脚本
virtual string  (bool selectText)
 获得使控件获得焦点，并选中控件中的文本内容的脚本
virtual string  (bool selectText, int delayMilliseconds)
 获得使控件获得焦点，并选中控件中的文本内容的脚本
 构造函数
override void  (HtmlTextWriter writer)
 重载 RenderControl，为了向子控件公开 RenderBeginTag 和 RenderEndTag 两个方法
void  (JObject state)
 从JObject恢复控件的属性
JObject  (List& string & propertyList)
 将控件的属性列表转化为JObject对象
string  ()
 获取回发页面的客户端脚本（比如：__doPostBack('btnChangeEnable','');)
string  (string eventArgument)
 获取回发页面的客户端脚本（比如：__doPostBack('btnChangeEnable','true');)
bool  [get, set]
 是否允许编辑
DateTime  [get, set]
 选择的时间
string[]  [get, set]
 尝试解析时间的格式列表
string  [get, set]
 时间格式（默认为HH:mm，24小时制，比如“20:30”）
DateTime  [get, set]
 最大时间
string  [get, set]
 最大时间的字符串形式
DateTime  [get, set]
 最小时间
string  [get, set]
 最小时间的字符串形式
short  [get, set]
 列表中每个时间值相差的分钟数（默认为15分钟）
bool  [get, set]
 选择时间是否自动回发
virtual EventHandler 
 日期选择事件（需要启用EnableDateSelect）
virtual string  [get, set]
 文本框为空时显示的文本
virtual string  [get, set]
 [AJAX属性]文本
bool  [get, set]
 是否自动回发（文本值改变）
bool  [get, set]
 启用失去焦点事件
virtual EventHandler 
 文本改变事件（需要启用AutoPostBack）
virtual EventHandler 
 失去焦点事件（需要启用EnableBlurEvent）
bool  [get, set]
 是否必填项
string  [get, set]
 为空时提示信息
int  [get, set]
 最大长度
string  [get, set]
 超过最大长度时提示信息
int  [get, set]
 最小长度
string  [get, set]
 少于最小长度时提示信息
  [get, set]
 RegexPattern
string  [get, set]
 正则表达式
string  [get, set]
 不满足正则表达式时提示信息
bool  [get, set]
 正则表达式是否忽略大小写
string  [get, set]
 需要比较的控件ID
string  [get, set]
 需要比较的值
  [get, set]
 比较操作符
  [get, set]
 比较的类型
string  [get, set]
 不满足比较条件时提示信息
string  [get, set]
 下一步获得焦点的控件（响应回车事件）
virtual bool  [get, set]
 是否显示标签
virtual bool  [get, set]
 是否显示空白的标签
virtual string  [get, set]
 [AJAX属性]标签文本
virtual string  [get, set]
 表单中字段与标签的分隔符
bool  [get, set]
 在标签后面显示红色的星号（用来标识必填项）
virtual bool  [get, set]
 [AJAX属性]表单控件的只读状态
virtual short  [get, set]
 Tab按键的跳转顺序
Unit  [get, set]
 距离右侧边界的宽度
Unit  [get, set]
 宽度
Unit  [get, set]
 高度
string  [get, set]
 锚点值（当父容器的Layout=Anchor时有效）
string  [get, set]
 列的宽度（当父容器的Layout=Column时有效）
string  [get, set]
 行的宽度（当父容器的Layout=Row时有效）
Unit  [get, set]
 绝对定位的X坐标（当父容器的Layout=Absolute时有效）
Unit  [get, set]
 绝对定位的Y坐标（当父容器的Layout=Absolute时有效）
int  [get, set]
 表格列数（当父容器的Layout=Table时有效）
int  [get, set]
 表格合并行（当父容器的Layout=Table时有效）
int  [get, set]
 表格合并列（当父容器的Layout=Table时有效）
  [get, set]
 控制子控件的位置（当本容器的Layout=VBox或者HBox时有效）
  [get, set]
 控制子控件的位置（当本容器的Layout=VBox或者HBox时有效）
string  [get, set]
 内边距（当本容器的Layout=VBox或者HBox时有效）
string  [get, set]
 子控件的外边距（当本容器的Layout=VBox或者HBox时有效）
int  [get, set]
 控制子控件的尺寸（当父容器的Layout=VBox或者HBox时有效）
string  [get, set]
 外边距（当父容器的Layout=VBox或者HBox时有效）
virtual bool  [get, set]
 页面加载后立即获得焦点
virtual string  [get, set]
 [AJAX属性]控件样式类名
virtual string  [get, set]
 [AJAX属性]控件样式
override bool  [get]
 不支持此属性（禁用控件默认的ViewState）
override string  [get]
 控件的客户端ID（比如：RegionPanel1_Button1）
string  [get]
 控件外部容器的客户端ID（比如：Button1_wrapper）
string  [get]
 产品名称
virtual string  [get]
 产品版本
JObject  [get, set]
 HTML标签属性
override string  [get, set]
 控件ID
virtual bool  [get, set]
 [AJAX属性]是否可用
bool  [get, set]
 指示控件是否被渲染出来（显示隐藏控件，请使用Hidden属性）
override bool  [get]
 只读属性，指示控件是否被渲染出来（显示隐藏控件，请使用Hidden属性）
virtual bool  [get, set]
 [AJAX属性]是否隐藏控件
virtual   [get, set]
 隐藏模式
virtual bool  [get, set]
 是否启用AJAX
virtual bool  [get, set]
 是否启用FState压缩（默认为true）
bool  [get, set]
 是否启用Ajax正在加载提示
  [get, set]
 Ajax正在加载提示的类型
bool  [get]
 是否处于FineUI的AJAX回发过程
时间选择框控件
override void FineUI.TimePicker.RaisePostBackEvent
string 
eventArgument)
处理回发事件
eventArgument事件参数
string [] FineUI.TimePicker.AltFormats
尝试解析时间的格式列表
virtual EventHandler FineUI.TimePicker.DateSelect
日期选择事件（需要启用EnableDateSelect）
bool FineUI.TimePicker.EnableEdit
是否允许编辑
bool FineUI.TimePicker.EnableTimeSelectEvent
选择时间是否自动回发
short FineUI.TimePicker.Increment
列表中每个时间值相差的分钟数（默认为15分钟）
DateTime FineUI.TimePicker.MaxTime
string FineUI.TimePicker.MaxTimeText
最大时间的字符串形式
DateTime FineUI.TimePicker.MinTime
string FineUI.TimePicker.MinTimeText
最小时间的字符串形式
DateTime FineUI.TimePicker.SelectedDate
选择的时间
string FineUI.TimePicker.TimeFormatString
时间格式（默认为HH:mm，24小时制，比如“20:30”）
该类的文档由以下文件生成:
TimePicker.csThe page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.选项卡的使用非常广泛，比如的站点框架，TabStrip被用来同时打开多个页面，并方便地在页面之间进行快速切换。TabStrip还进行需要和JavaScript进行交互，比如动态的打开关闭选项卡，FineUI也为此提供了一些便利方法。
选项卡控件的基本用法
一个TabStrip由很多选项卡（Tab）组成，典型的标签定义如下：
&ext:TabStrip ID="TabStrip1" Width="750px" Height="300px" ShowBorder="true" ActiveTabIndex="1"
runat="server"&
&ext:Tab Title="标签一" EnableBackgroundColor="true" BodyPadding="5px" Layout="Fit"
runat="server"&
&/ext:Tab&
&ext:Tab Title="&span class='highlight'&标签二（高亮）&/span&" BodyPadding="5px"
EnableBackgroundColor="true" runat="server"&
&/ext:Tab&
&ext:Tab Title="标签三" BodyPadding="5px" EnableBackgroundColor="true" runat="server"&
&ext:Label ID="Label3" CssClass="highlight" Text="第三个标签的内容（已经应用了高亮样式）" runat="server" /&
&/ext:Tab&
&/ext:TabStrip&
其实 ext:Tab 控件是从Panel控件继承下来的，因此拥有Panel控件的属性，比如这里看到的EnableBackgroudColor、BodyPadding，还可以为其内部元素应用布局。
还需要注意，第二个Tab的Title属性包含了HTML代码，因此我们可以为Title应用任意样式：
&style type="text/css"&
.highlight
font-weight:
页面显示效果：
TabStrip还有其他一些重要的属性：
AutoPostBack：是否自动回发（切换Tab）
EnableTitleBackgroundColor：显示标题的背景颜色
下面是不显示标题背景色的显示效果
EnableTabCloseMenu：是否启用右键菜单 - 可用来关闭当前Tab和所有其他Tab
这个属性需要配合每个Tab的EnableClose属性同时使用
TabPosition：选项卡显示的位置
位于顶部（默认值）或者底部，下面是选项卡标签位于底部的显示效果
ActiveTabIndex：当前激活选项卡的索引（可以使用此属性切换当前选中的选项卡）
比如要实现点击按钮，不断地循环切换激活选项卡的功能
protected void Button3_Click(object sender, EventArgs e)
int nextIndex = TabStrip1.ActiveTabIndex + 1;
if (nextIndex &= TabStrip1.Tabs.Count)
nextIndex = 0;
TabStrip1.ActiveTabIndex = nextI
EnableDeferredRender：是否启用延迟加载选项卡（默认不延迟加载，虽然可以提供性能，但是有时会出错）
自动回发选项卡标签
有时我们需要在用户切换选项卡时初始化选项卡的内容，因为用户没看到的东西可以先不加载，那么该怎么实现呢？
其实很简单，只需要启用TabStrip的AutoPostBack属性和定义回发处理函数即可，来看下具体实现：
&ext:TabStrip ID="TabStrip1" Width="750px" Height="300px"
AutoPostBack="true" OnTabIndexChanged="TabStrip1_TabIndexChanged"
ShowBorder="true" ActiveTabIndex="1" runat="server"&
// 省略内部标签...
&/ext:TabStrip&
后台处理函数只需要根据当前激活的选项卡标签进行处理即可：
protected void TabStrip1_TabIndexChanged(object sender, EventArgs e)
if (TabStrip1.ActiveTabIndex == 0)
Label1.Text = "标签回发时间：" + DateTime.Now.ToLongTimeString();
else if (TabStrip1.ActiveTabIndex == 1)
Label2.Text = "标签回发时间：" + DateTime.Now.ToLongTimeString();
else if (TabStrip1.ActiveTabIndex == 2)
Label3.Text = "标签回发时间：" + DateTime.Now.ToLongTimeString();
显示效果：
内嵌IFrame与IFrame的延迟加载
TabStrip的最常用法是内嵌IFrame页面，从而将大的逻辑块分割成小的逻辑块，在某种程度上这种做法比母版页的效果更好。
下面来看下内嵌IFrame页面的基本用法：
&ext:TabStrip ID="TabStrip1" Width="750px" Height="450px" ShowBorder="true" ActiveTabIndex="0"
runat="server" EnableTitleBackgroundColor="False"&
&ext:Tab ID="Tab1" BodyPadding="5px" Title="标签一" runat="server"&
&/ext:Tab&
&ext:Tab ID="Tab2" EnableIFrame="true" BodyPadding="5px" IFrameUrl="../layout/window.aspx"
Title="标签二 - IFrame - 延迟加载" runat="server"&
&/ext:Tab&
&ext:Tab ID="Tab3" EnableIFrame="true" BodyPadding="5px" IFrameUrl="../layout/panel.aspx"
Title="标签三 - IFrame - 延迟加载" runat="server"&
&/ext:Tab&
&/ext:TabStrip&
只需要为内嵌IFrame的Tab设置两个属性即可：
EnableIFrame：是否启用内嵌IFrame
IFrameUrl：内嵌IFrame的地址
其实这两个属性都属于PanelBase，TabStrip不过是从父类继承来了这两个属性。
还有一个相关的属性：
IFrameName：内嵌IFrame的名称（可以设置超链接的target，这样点击超链接就会在相应的Tab中打开页面）
页面显示效果：
还需要注意，虽然在ASPX标签中设置了每个Tab的IFrameUrl，但是页面加载时并不会加载这些页面，而是在用户第一次点击相关Tab时才加载其内嵌的IFrame。
这一特性是FineUI默认提供的，我们不需要做任何设置。
动态添加选项卡标签
有时我们需要在前台通过JavaScript来添加删除选项卡标签，FineUI考虑到了这个需求并提供了帮助函数来完成此任务。
GetAddTabReference：获取添加选项卡的脚本
GetRemoveTabReference：获取移除选项卡的脚本
我们来看下对GetAddTabReference的描述：
我们可以为按钮注册客户端脚本，如下所示：
protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
btnAddBaidu1.OnClientClick = TabStrip1.GetAddTabReference("dynamic_tab_baidu1", "/", "Baidu1", IconHelper.GetIconUrl(Icon.Application), true);
btnRemoveBaidu1.OnClientClick = TabStrip1.GetRemoveTabReference("dynamic_tab_baidu1");
这种情况下需要设置按钮的EnablePostBack为false，用来阻止点击按钮的回发行为。
另一种做法是在按钮的回发事件中，向页面注册脚本，如下所示：
protected void btnAddBaidu2_Click(object sender, EventArgs e)
PageContext.RegisterStartupScript(TabStrip1.GetAddTabReference("dynamic_tab_baidu2", "/", "Baidu2", IconHelper.GetIconUrl(Icon.Application), true));
protected void btnRemoveBaidu2_Click(object sender, EventArgs e)
PageContext.RegisterStartupScript(TabStrip1.GetRemoveTabReference("dynamic_tab_baidu2"));
完整的示例请参考。
本章详细讲解了选项卡控件的各种用法，特别是内嵌IFrame的选项卡在实际中有着广泛的应用。下一节将介绍窗体控件，窗体控件和内嵌IFrame的面板共同构成了FineUI引以为豪的内联框架。
注：《FineUI秘密花园》系列文章由原创，博客园首发，转载请注明出处。
阅读(...) 评论()