自己做的一個項目中所運用到的技術：|
1. 日歷控件（帶時分秒）
2. GridView 批量刪除,自定義分頁,定位頁碼
3. GridView 修改
4. GridView 鼠標經過改變行的顏色
效果如下：
HTML：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="StfCmpManager.aspx.cs" Inherits="StfCmpManager" %>
<!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 id="Head1" runat="server">
<title>合作商信息維護</title>
<script language="javascript" type="text/javascript">
// 判斷多選是否與選中項（沒有選中的返回false）
function slcNo_click()
{
if (document.form1.checkboxname.length)
{
for (var i=0;i<document.form1.checkboxname.length;i++)
{
if(document.form1.checkboxname[i].checked)
{
return true;
}
}
}
else
{
if(document.form1.checkboxname.checked)
{
return true;
}
}
alert("請選擇後再操作！");
return false;
}
// 鼠標經過改變行的顏色
if (!objbeforeItem)
{
var objbeforeItem=null;
var objbeforeItembackgroundColor=null;
}
function ItemOver(obj)
{
if(objbeforeItem)
{
objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;
}
objbeforeItembackgroundColor = obj.style.backgroundColor;
objbeforeItem = obj;
obj.style.backgroundColor = "#B9D1F3";
}
//
// 多選的全選與取消
function checkJs(boolvalue)
{
if(document.all.checkboxname.length>1)
{
for(var i=0;i<document.all.checkboxname.length;i++)
{
document.all.checkboxname[i].checked = boolvalue;
}
}
else
document.all.checkboxname.checked = boolvalue;
}
//
// 只有全部選中時“全選”選中
function SingleCheckJs()
{
var flag1=false;
var flag2=false;
if (document.form1.checkboxname.length)
{
for (var i=0;i<document.form1.checkboxname.length;i++)
{
if(document.form1.checkboxname[i].checked)
flag1 = true;
else
flag2 = true;
}
}
else
{
if(document.form1.checkboxname.checked)
flag1 = true;
else
flag2 = true;
}
if(flag1==true&&flag2==false)
document.getElementById("chk").checked = true;
else
document.getElementById("chk").checked = false;
}
</script>
<script type="text/javascript" language="javascript" src="Selecttime/calendar.js"></script>
</head>
<body>
<form id="form1" runat="server">
<table id="Table10" cellSpacing="0" cellPadding="0" border="0" Style="z-index: 103;
left: 21px; position: absolute; top: 20px; width: 90%;">
<tr>
<td bgColor="#fafafa">
<FIELDSET style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 45px"><LEGEND><FONT face="宋體" size="2">合作商查詢</FONT></LEGEND>
<table id="Table1" height="40" cellSpacing="0" cellPadding="0" width="100%" align="center"
border="0">
<tr>
<td height="30"><FONT face="宋體"> </FONT><FONT face="宋體"> 合作商名稱
<asp:textbox id="TStfName" runat="server" BorderStyle="Groove" Width="144px"></asp:textbox> </FONT></td>
</tr>
<tr>
<td style="height: 30px"> <FONT face="宋體"> 添加時間 </FONT>
<asp:textbox id="StartTime" onfocus="setday(this)" runat="server" Width="159px"></asp:textbox> 到
<asp:textbox id="EndTime" onfocus="setday(this)" runat="server" Width="160px"></asp:textbox> <FONT face="Times New Roman"> </FONT></td>
</tr>
<TR>
<TD height="30"><FONT face="宋體"> <FONT face="宋體">
