56 lines
2.4 KiB
Plaintext
56 lines
2.4 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="my97.aspx.cs" Inherits="FineUI.Examples.aspnet.my97" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head runat="server">
|
||
<title></title>
|
||
</head>
|
||
<body>
|
||
<form id="form1" runat="server">
|
||
<f:PageManager ID="PageManager1" runat="server" />
|
||
<f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" Width="550px" EnableCollapse="true"
|
||
ShowBorder="True" Title="表单" ShowHeader="True">
|
||
<Items>
|
||
<f:DatePicker runat="server" Required="true" Label="日期一" EmptyText="请选择日期一"
|
||
ID="DatePicker1" ShowRedStar="True">
|
||
</f:DatePicker>
|
||
<f:TriggerBox ID="tbxMyBox" Required="true" ShowRedStar="True" Label="日期和时间" EmptyText="请选择日期和时间" TriggerIcon="Date"
|
||
EnablePostBack="false" OnClientTriggerClick="tbxMyBoxTriggerClick();" runat="server">
|
||
</f:TriggerBox>
|
||
<f:Button ID="btnSubmit" runat="server" ValidateForms="SimpleForm1" Text="提交表单"
|
||
OnClick="btnSubmit_Click" DisableControlBeforePostBack="false">
|
||
</f:Button>
|
||
</Items>
|
||
</f:SimpleForm>
|
||
<f:Label ID="labResult" ShowLabel="false" EncodeText="false" runat="server">
|
||
</f:Label>
|
||
<br />
|
||
<br />
|
||
<br />
|
||
注：Extjs v6.2 和 My97 在一起有兼容问题，需要禁用按钮的 DisableControlBeforePostBack，否则点击按钮时会弹出日期选择器。
|
||
|
||
</form>
|
||
<script src="../../res/js/jquery.min.js" type="text/javascript"></script>
|
||
<script src="../res/my97/WdatePicker.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
var tbxMyBoxClientID = '<%= tbxMyBox.ClientID %>';
|
||
|
||
// Extjs v6.2不再支持 tbxMyBox.onTriggerClick 的写法，请使用 OnClientTriggerClick
|
||
function tbxMyBoxTriggerClick() {
|
||
|
||
var tbxMyBox = F(tbxMyBoxClientID);
|
||
|
||
WdatePicker({
|
||
el: tbxMyBoxClientID + '-inputEl',
|
||
dateFmt: 'yyyy-MM-dd HH:mm:ss',
|
||
onpicked: function () {
|
||
// 确认选择后，执行触发器输入框的客户端验证
|
||
tbxMyBox.validate();
|
||
}
|
||
});
|
||
}
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|