您的位置:首页 > 运维架构

AJAX(atlas)之阴影控件DropShawdow之进阶篇

2007-10-26 17:07 537 查看
使用方法:新建一个ASP.NET AJAX-Enabled Web Site,把以下代码COPY到XXX.aspx页即可看到效果。

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ConferenceApply.aspx.cs" Inherits="Conference_ConferenceApply" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>会议申请页</title>
</head>
<body style="text-align:center">
<form id="form1" runat="server">--%>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td style="height: 200px; font-size: small; text-align: center;" valign="top">
<table style="width: 700px; height: 534px; border-right: silver 1px solid; border-top: silver 1px solid; font-size: small; border-left: silver 1px solid; border-bottom: silver 1px solid;">
<tr>
<td colspan="4" style="background-color: #ece9d8; text-align: center;" align="left">
<span style="font-size: 15pt; font-family: 宋体">会议申请</span></td>
</tr>
<tr>
<td colspan="4" style="border-bottom-color: silver; height: 30px; border-bottom-style: solid" align="center">
<table style="font-size: small" width="100%">
<tr>
<td style="width: 30%; height: 26px;">
申请人:<asp:Textbox ID="txtApplicant" runat="server" Width="100px" Font-Size="Small"></asp:Textbox></td>
<td style="width: 30%; height: 26px;">
部门:<asp:DropDownList ID="ddlDepartment" runat="server" Width="100px" Font-Size="Small">
</asp:DropDownList></td>
<td style="width: 40%; height: 26px;">
申请日期:<asp:TextBox ID="txtAppDate" runat="server" Width="110px" Font-Size="Small"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="ValidationContent" align="left" colspan="4" style="border-top-width: 1px; border-left-width: 1px; border-left-color: silver; border-bottom-width: 1px; border-bottom-color: silver; border-top-color: silver; border-right-width: 1px; border-right-color: silver;">
<span style="color: #ff0000">  </span>
</td>
</tr>
<tr style="color: #ff0000">
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<span style="color: black">
会议主题:</span></td>
<td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<asp:TextBox ID="txtConTitle" runat="server" Width="463px"></asp:TextBox><span id="TitleCheck" style="color:Red; visibility:hidden">*</span></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
会议室:</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<asp:DropDownList ID="ddlConRoom" runat="server" Width="80%" onchange ="JavaScript:changeBackground(this)">
<asp:ListItem>--请选择--</asp:ListItem>
</asp:DropDownList><span id="RoomCheck" style="color:Red; visibility:hidden">*</span></td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; color: #000000;">
会<span style="color: black">议级</span>别:</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left; width: 95px;">
<asp:DropDownList ID="ddlConSort" runat="server" Width="80px">
<asp:ListItem>--请选择--</asp:ListItem>
</asp:DropDownList><span id="GradeCheck" style="color:Red; visibility:hidden">*</span></td>
</tr>
<tr style="color: #000000">
<td align="left" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
border-left: whitesmoke 1px solid; width: 90px; border-bottom: whitesmoke 1px solid">
会议日期:</td>
<td align="left" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid">
<asp:TextBox ID="txtDate" runat="server" Width="100px"></asp:TextBox>
<img onclick="window.open ('../Calendar.aspx?id=ctl00_ContentPlaceHolder1_txtDate', '信息窗口','height=190,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') ;" height="18" src="../Image/Calendar.bmp" width="18" /><span
style="color: #ff0000"> </span>
<span id="DateCheck" style="color:Red; visibility:hidden">*
<cc1:CalendarExtender ID="ceConfDate" runat="server" Format="yyyy-MM-dd" TargetControlID="txtDate">
</cc1:CalendarExtender>
</span></td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid">
<input id="btnCheckTime" type="button" value="会议日程安排" onclick="javascript:CheckTime();" style="width: 86px"/>
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left; width: 95px;">
<input id="btnCheck" style="width: 86px" type="button" value="检查会议冲突" onclick="javascript:CheckCheck();" /></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
会议时间:</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<asp:TextBox ID="txtStartTime" runat="server" Width="100px" onblur="textInputValidator('stimePrompt','ctl00_ContentPlaceHolder1_txtStartTime','开始时间输入错误!','ValidationContent')" BorderStyle="Groove"></asp:TextBox>

<asp:TextBox ID="txtEndTime" runat="server" Width="100px" onblur="textInputValidator('etimePrompt','ctl00_ContentPlaceHolder1_txtEndTime','结束时间输入错误!','ValidationContent')" BorderStyle="Groove"></asp:TextBox>
<span id="TimeCheck" style="color:Red; visibility:hidden">*</span></td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left;" colspan="2">
</td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<input id="btnAttendance" style="width: 65px; height: 21px" type="button" value="与会人员" onclick="window.open ('../ConferenceContactPeople.aspx?text_id=ctl00_ContentPlaceHolder1_txtAttendant','信息窗口','height=292,width=200,top=280,left=850,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');"/></td>
<td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">

<asp:TextBox ID="txtAttendant" runat="server" Width="95%" TextMode="MultiLine" Height="40px"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
所需设备:</td>
<td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<asp:TextBox ID="txtEquipment" runat="server" Width="95%" TextMode="MultiLine" Height="40px"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
附件:</td>
<td id="fileuploadlist" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left" colspan="3">

<input id="fileupload" name="File" type="file" onclick="javascript:AddFile();" style="width: 0px; "/></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
 </td>
<td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
<table>
<tbody id="filelist">

</tbody>
</table>
 </td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
会议备注</td>
<td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
<asp:TextBox ID="txtConMemo" runat="server" TextMode="MultiLine" Width="95%" Height="40px"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 90px;">

<asp:Button ID="btnSubmit" runat="server" Text="提交" Width="90px" OnClick="btnSubmit_Click" OnClientClick="return CheckSubmit();" Enabled="False"/></td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 95px;">
<input id="btnReturn" style="width: 90px" type="button" value="返回" onclick="window.location='../Welcome.aspx'"/></td>
</tr>
<tr>
<td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 90px;">
</td>
<td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 95px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
<input id="hiddenText" runat=server type="hidden" />
<input id = hiddenDet type=hidden runat=server/>
<script type="text/javascript" src="../JavaScript.js">
</script>
<script language="javascript">

//var hidden = document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value;

function test()
{
alert(2);
}

function CheckCheck()
{
var r2 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
var r3 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");
var r4 = requiredFieldValidator("TimePrompt","ctl00_ContentPlaceHolder1_txtStartTime","必须输入会议时间","ValidationContent");
var r5 = requiredFieldValidator("GradePrompt","ctl00_ContentPlaceHolder1_ddlConSort","必须选择会议级别","ValidationContent");;
if(r2 == false || r3 == false || r4 == false || r5 == false)
{
return false;
}
else
{
var xmlHttp = createAjax();
var startTime = document.getElementById("ctl00_ContentPlaceHolder1_txtStartTime").value;
var endTime = document.getElementById("ctl00_ContentPlaceHolder1_txtEndTime").value;
var room = document.getElementById("ctl00_ContentPlaceHolder1_ddlConRoom").value;
var level = document.getElementById("ctl00_ContentPlaceHolder1_ddlConSort").value;
var date = document.getElementById("ctl00_ContentPlaceHolder1_txtDate").value;

var url = "ConferenceApplyService.aspx?StartTime=" + startTime + "&EndTime=" + endTime + "&Room=" + room + "&Level=" + level + "&Date=" + date;
sendRequest(url,true,AnalyseResult);
return true;
}
}

function AnalyseResult(responseXML)
{
var flag = responseXML.getElementsByTagName("Flag");
var text = flag.item(0).text;

if (text == "0") { alert("您申请的会议无时间冲突,可以提出申请!");}
else
{
if(text == "1") { alert("您申请的会议与已有低级别会议存在时间冲突,继续申请将自动取消低级别会议!"); }
if(text == "2") { alert("您申请的会议与其它会议存在时间冲突,将不允许申请!"); }
if(text == "3") { alert("您申请的会议开始时间大于会议结束时间,请修改后重新申请!"); }
if(text == "4") { alert("您申请的会议日期小于当前日期,请修改后重新申请!"); }
if(text == "5") { alert("您申请的会议时间已过时,请重新申请!"); }
}
}

function CheckSubmit()
{
var r1 = requiredFieldValidator("TitlePrompt","ctl00_ContentPlaceHolder1_txtConTitle","必须输入会议标题","ValidationContent");
var r2 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
var r3 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");
var r4 = requiredFieldValidator("TimePrompt","ctl00_ContentPlaceHolder1_txtStartTime","必须输入会议时间","ValidationContent");
var r5 = requiredFieldValidator("GradePrompt","ctl00_ContentPlaceHolder1_ddlConSort","必须选择会议级别","ValidationContent");
if(r1 == false || r2 == false || r3 == false || r4 == false || r5 == false)
{
return false;
}
else
{
return true;
}
}
function CheckTime()
{
var r1 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
var r2 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");

if(r1 == false || r2 == false)
{
return false;
}
else
{
var room = document.getElementById("ctl00_ContentPlaceHolder1_ddlConRoom").value.trim();

var date = document.getElementById("ctl00_ContentPlaceHolder1_txtDate").value.trim();
//alert('ConferenceArrangement.aspx?Room=' + room + '&Date=' + date);
//window.open ('../Calendar.aspx?id=ctl00_ContentPlaceHolder1_txtDate', '信息窗口','height=190,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') ;
window.open('ConferenceArrangement.aspx?Room=' + room + '&Date=' + date, '信息窗口', 'height=250,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
}
}

function DelFileControl(obj)
{
var fileuploadlist = document.getElementById("fileuploadlist");
fileuploadlist.removeChild(fileuploadlist.childNodes[obj]);
}

function SaveFileControl()
{
var fileuploadlist = document.getElementById("fileuploadlist");
var fileupload = document.getElementById("fileupload");

fileupload.id = fileupload.value;
fileupload.style.visibility = 'hidden';
fileupload.style.position = 'absolute';
fileupload.style.width = '0px';
fileupload.style.top = '-1';

var file = document.createElement("<input id='fileupload' name='File' type='file' style='width:0px' onchange='javascript:AddFile();'/><br>");
fileuploadlist.appendChild(file);
}

function AddFile()
{
var fileupload = document.getElementById("fileupload");
var fullname = fileupload.value;

// var name = fullname.split('//')
// var name = name[name.length - 1];

//document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value =document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value+fullname+'|';

var filelist = document.getElementById("filelist");
var tr = document.createElement("<tr> </tr>");

var td = document.createElement("<td style='text-decoration:underline; color:Blue; cursor:pointer;width:500px' onclick='javascript:OpenFile(this);'></td>");
var text = document.createTextNode(fullname);
td.appendChild(text);
tr.appendChild(td);

var delfile = document.createElement("<td style='text-decoration:underline; color:Blue; cursor:pointer;' onclick=javascript:DelFile(this);> </td>");
var text = document.createTextNode("删除附件");
delfile.appendChild(text);
tr.appendChild(delfile);

filelist.appendChild(tr);

SaveFileControl();

}

function OpenFile(obj)
{
var filename = obj.innerText;
//window.open('file:///D:/1.txt');

}

function DelFile(obj)
{
var filelist = document.getElementById("filelist");
var tr = obj.parentNode;
DelFileControl(tr.rowIndex);
//document.getElementById("ctl00_ContentPlaceHolder1_hiddenDet").value =document.getElementById("ctl00_ContentPlaceHolder1_hiddenDet").value+tr.rowIndex+'|';
filelist.deleteRow(tr.rowIndex);

}
function changeBackground(obj)
{
if (obj.selectIndex != 0)
{
obj.style.background = "white";
}
}

</script>
</asp:Content>
<%-- </form>
</body>
</html>--%>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: