2015-05-19 14:45:47 +08:00
|
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="form_disabled.aspx.cs" Inherits="FineUI.Examples.form.form_disabled" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head runat="server">
|
|
|
|
|
|
<title></title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<form id="_form1" runat="server">
|
|
|
|
|
|
<f:PageManager ID="PageManager1" runat="server" />
|
|
|
|
|
|
<f:Form Width="700px" LabelWidth="100px" LabelSeparator="："
|
|
|
|
|
|
BodyPadding="5px" EnableCollapse="true" ID="Form1" runat="server" Title="表单">
|
|
|
|
|
|
<Rows>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:Label ID="Label3" Label="电话" Text="0551-1234567" runat="server" />
|
|
|
|
|
|
<f:Label ID="Label16" runat="server" Label="申请人" Text="admin">
|
|
|
|
|
|
</f:Label>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:Label ID="Label4" Label="编号" Text="200804170006" runat="server" />
|
|
|
|
|
|
<f:TextBox ID="TextBox2" Required="true" ShowRedStar="true" Label="电子邮箱" RegexPattern="EMAIL" EmptyText="请输入常用电子邮箱"
|
|
|
|
|
|
RegexMessage="请输入有效的邮箱地址！" runat="server">
|
|
|
|
|
|
</f:TextBox>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:DropDownList ID="DropDownList3" Label="审批人" runat="server" EmptyText="请选择审批人"
|
|
|
|
|
|
Required="true" ShowRedStar="True" AutoSelectFirstItem="false">
|
|
|
|
|
|
<f:ListItem Text="老大甲" Value="0"></f:ListItem>
|
|
|
|
|
|
<f:ListItem Text="老大乙" Value="1"></f:ListItem>
|
|
|
|
|
|
<f:ListItem Text="老大丙" Value="2"></f:ListItem>
|
|
|
|
|
|
</f:DropDownList>
|
|
|
|
|
|
<f:NumberBox ID="NumberBox1" Label="申请数量" EmptyText="请输入申请数量" MaxValue="1000" Required="true" runat="server"
|
|
|
|
|
|
ShowRedStar="True" />
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:DatePicker runat="server" Required="true" Label="日期" EmptyText="请选择日期"
|
|
|
|
|
|
ID="DatePicker1" SelectedDate="2014-07-10" ShowRedStar="True">
|
|
|
|
|
|
</f:DatePicker>
|
|
|
|
|
|
<f:TimePicker ID="TimePicker1" ShowRedStar="True" Label="时间" Increment="30"
|
|
|
|
|
|
Required="true" Text="08:30" EmptyText="请选择时间" runat="server">
|
|
|
|
|
|
</f:TimePicker>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:FileUpload runat="server" ID="filePhoto" EmptyText="请选择一张照片" Label="个人头像" Required="true"
|
|
|
|
|
|
ShowRedStar="true">
|
|
|
|
|
|
</f:FileUpload>
|
|
|
|
|
|
<f:CheckBox runat="server" ID="cbxAtSchool" Label="是否在读"></f:CheckBox>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:TextArea ID="TextArea1" runat="server" Label="描述" ShowRedStar="True" Required="True">
|
|
|
|
|
|
</f:TextArea>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:CheckBoxList ID="CheckBoxList1" Label="复选框列表" ColumnNumber="3" runat="server">
|
|
|
|
|
|
<f:CheckItem Text="可选项 1" Value="value1" />
|
|
|
|
|
|
<f:CheckItem Text="可选项 2" Value="value2" Selected="true" />
|
|
|
|
|
|
<f:CheckItem Text="可选项 3" Value="value3" Selected="true" />
|
|
|
|
|
|
<f:CheckItem Text="可选项 4" Value="value4" Selected="true" />
|
|
|
|
|
|
<f:CheckItem Text="可选项 5" Value="value5" Selected="true" />
|
|
|
|
|
|
</f:CheckBoxList>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
<f:FormRow>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:RadioButtonList ID="RadioButtonList2" Label="单选框列表" ColumnNumber="3" runat="server">
|
|
|
|
|
|
<f:RadioItem Text="可选项 1" Value="value1" />
|
|
|
|
|
|
<f:RadioItem Text="可选项 2" Value="value2" />
|
|
|
|
|
|
<f:RadioItem Text="可选项 3" Value="value3" Selected="true" />
|
|
|
|
|
|
<f:RadioItem Text="可选项 4" Value="value4" />
|
|
|
|
|
|
<f:RadioItem Text="可选项 5" Value="value5" />
|
|
|
|
|
|
</f:RadioButtonList>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:FormRow>
|
|
|
|
|
|
</Rows>
|
|
|
|
|
|
</f:Form>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<f:Button ID="btnDisableAll" Text="全部禁用" CssClass="marginr" runat="server" OnClick="btnDisableAll_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="btnEnableAll" Text="全部启用" CssClass="marginr" runat="server" OnClick="btnEnableAll_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="btnReadOnlyAll" Text="全部只读" CssClass="marginr" runat="server" OnClick="btnReadOnlyAll_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="btnCancelReadOnlyAll" Text="取消只读" CssClass="marginr" runat="server" OnClick="btnCancelReadOnlyAll_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<f:Button ID="btnMarkInvalid" Text="设置无效标识" CssClass="marginr" runat="server" OnClick="btnMarkInvalid_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="btnClearInvalid" Text="取消无效标识" CssClass="marginr" runat="server" OnClick="btnClearInvalid_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="Button1" ValidateForms="Form1" Text="验证并提交表单" runat="server" OnClick="Button1_Click"></f:Button>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<f:Button ID="btnDisablePanel" Text="禁用表单面板" CssClass="marginr" runat="server" OnClick="btnDisablePanel_Click">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="btnEnablePanel" Text="启用表单面板" CssClass="marginr" runat="server" OnClick="btnEnablePanel_Click">
|
|
|
|
|
|
</f:Button>
|
2016-01-10 01:19:30 -05:00
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<f:Button ID="Button2" Text="添加只读样式（类似禁用样式）" CssClass="marginr" runat="server" EnablePostBack="false">
|
|
|
|
|
|
<Listeners>
|
|
|
|
|
|
<f:Listener Event="click" Handler="addReadonlyStyle" />
|
|
|
|
|
|
</Listeners>
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:Button ID="Button3" Text="删除只读样式" CssClass="marginr" runat="server" EnablePostBack="false">
|
|
|
|
|
|
<Listeners>
|
|
|
|
|
|
<f:Listener Event="click" Handler="removeReadonlyStyle" />
|
|
|
|
|
|
</Listeners>
|
|
|
|
|
|
</f:Button>
|
2015-05-19 14:45:47 +08:00
|
|
|
|
</form>
|
2016-01-10 01:19:30 -05:00
|
|
|
|
<textarea id="readonlycss_holder" style="display: none;">
|
|
|
|
|
|
.f-readonly {
|
|
|
|
|
|
opacity: .5;
|
|
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
|
|
}
|
|
|
|
|
|
</textarea>
|
|
|
|
|
|
<script src="../res/js/jquery.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
function addReadonlyStyle() {
|
|
|
|
|
|
F.addCSS('readonlycss', $('#readonlycss_holder').val());
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function removeReadonlyStyle() {
|
|
|
|
|
|
$('#readonlycss').remove();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
2015-05-19 14:45:47 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
