自己做的一个项目中所运用到的技术:|

1. 日历控件(带时分秒)
2. GridView 批量删除,自定义分页,定位页码
3. GridView 修改
4. GridView 鼠标经过改变行的颜色
效果如下:
GridView自定义分页导航
HTML:
GridView自定义分页导航<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="StfCmpManager.aspx.cs"Inherits="StfCmpManager"%>
GridView自定义分页导航
GridView自定义分页导航
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
GridView自定义分页导航
GridView自定义分页导航
<htmlxmlns="http://www.w3.org/1999/xhtml">
GridView自定义分页导航
<headid="Head1"runat="server">
GridView自定义分页导航
<title>合作商信息维护</title>
GridView自定义分页导航
<scriptlanguage="javascript"type="text/javascript">
GridView自定义分页导航
//判断多选是否与选中项(没有选中的返回false)
GridView自定义分页导航
functionslcNo_click()
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.form1.checkboxname.length)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
for(vari=0;i<document.form1.checkboxname.length;i++)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.form1.checkboxname[i].checked)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
returntrue;
GridView自定义分页导航}

GridView自定义分页导航}

GridView自定义分页导航}

GridView自定义分页导航
else
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.form1.checkboxname.checked)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
returntrue;
GridView自定义分页导航}

GridView自定义分页导航}

GridView自定义分页导航alert(
"请选择后再操作!");
GridView自定义分页导航
returnfalse;
GridView自定义分页导航}

GridView自定义分页导航
GridView自定义分页导航
//鼠标经过改变行的颜色
GridView自定义分页导航
if(!objbeforeItem)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航varobjbeforeItem
=null;
GridView自定义分页导航varobjbeforeItembackgroundColor
=null;
GridView自定义分页导航}

GridView自定义分页导航functionItemOver(obj)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(objbeforeItem)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航objbeforeItem.style.backgroundColor
=objbeforeItembackgroundColor;
GridView自定义分页导航}

GridView自定义分页导航objbeforeItembackgroundColor
=obj.style.backgroundColor;
GridView自定义分页导航objbeforeItem
=obj;
GridView自定义分页导航obj.style.backgroundColor
="#B9D1F3";
GridView自定义分页导航}

GridView自定义分页导航
//
GridView自定义分页导航
GridView自定义分页导航
//多选的全选与取消
GridView自定义分页导航
functioncheckJs(boolvalue)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.all.checkboxname.length>1)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
for(vari=0;i<document.all.checkboxname.length;i++)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航document.all.checkboxname[i].
checked=boolvalue;
GridView自定义分页导航}

GridView自定义分页导航}

GridView自定义分页导航
else
GridView自定义分页导航document.all.checkboxname.
checked=boolvalue;
GridView自定义分页导航}

GridView自定义分页导航
//
GridView自定义分页导航
GridView自定义分页导航
//只有全部选中时“全选”选中
GridView自定义分页导航
functionSingleCheckJs()
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航varflag1
=false;
GridView自定义分页导航varflag2
=false;
GridView自定义分页导航
GridView自定义分页导航
if(document.form1.checkboxname.length)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
for(vari=0;i<document.form1.checkboxname.length;i++)
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.form1.checkboxname[i].checked)
GridView自定义分页导航flag1
=true;
GridView自定义分页导航
else
GridView自定义分页导航flag2
=true;
GridView自定义分页导航}

GridView自定义分页导航}

GridView自定义分页导航
else
GridView自定义分页导航GridView自定义分页导航
...{
GridView自定义分页导航
if(document.form1.checkboxname.checked)
GridView自定义分页导航flag1
=true;
GridView自定义分页导航
else
GridView自定义分页导航flag2
=true;
GridView自定义分页导航}

GridView自定义分页导航
GridView自定义分页导航
if(flag1==true&&flag2==false)
GridView自定义分页导航document.getElementById(
"chk").checked=true;
GridView自定义分页导航
else
GridView自定义分页导航document.getElementById(
"chk").checked=false;
GridView自定义分页导航}

GridView自定义分页导航
GridView自定义分页导航
</script>
GridView自定义分页导航
<scripttype="text/javascript"language="javascript"src="Selecttime/calendar.js"></script>
GridView自定义分页导航
</head>
GridView自定义分页导航
<body>
GridView自定义分页导航
<formid="form1"runat="server">
GridView自定义分页导航
<tableid="Table10"cellSpacing="0"cellPadding="0"border="0"Style="z-index:103;
GridView自定义分页导航
left:21px;position:absolute;top:20px;width:90%;">
GridView自定义分页导航
<tr>
GridView自定义分页导航
<tdbgColor="#fafafa">
GridView自定义分页导航
<FIELDSETstyle="BORDER-RIGHT:#cccccc1pxsolid;BORDER-TOP:#cccccc1pxsolid;BORDER-LEFT:#cccccc1pxsolid;BORDER-BOTTOM:#cccccc1pxsolid;HEIGHT:45px"><LEGEND><FONTface="宋体"size="2">合作商查询</FONT></LEGEND>
GridView自定义分页导航
<tableid="Table1"height="40"cellSpacing="0"cellPadding="0"width="100%"align="center"
GridView自定义分页导航border
="0">
GridView自定义分页导航
<tr>
GridView自定义分页导航
<tdheight="30"><FONTface="宋体">&nbsp;</FONT><FONTface="宋体">&nbsp;合作商名称
GridView自定义分页导航
<asp:textboxid="TStfName"runat="server"BorderStyle="Groove"Width="144px"></asp:textbox>&nbsp;</FONT></td>
GridView自定义分页导航
</tr>
GridView自定义分页导航
<tr>
GridView自定义分页导航
<tdstyle="height:30px">&nbsp;<FONTface="宋体">添加时间</FONT>
GridView自定义分页导航
<asp:textboxid="StartTime"onfocus="setday(this)"runat="server"Width="159px"></asp:textbox>&nbsp;到
GridView自定义分页导航
<asp:textboxid="EndTime"onfocus="setday(this)"runat="server"Width="160px"></asp:textbox>&nbsp;&nbsp;&nbsp;<FONTface="TimesNewRoman">&nbsp;&nbsp;&nbsp;</FONT></td>
GridView自定义分页导航
</tr>
GridView自定义分页导航
<TR>
GridView自定义分页导航
<TDheight="30"><FONTface="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONTface="宋体">
GridView自定义分页导航
<asp:buttonid="SelectClient"runat="server"Text="搜 索"onclick="SelectClient_Click"></asp:button>&nbsp;&nbsp;&nbsp;</FONT></FONT></TD>
GridView自定义分页导航
</TR>
GridView自定义分页导航
</table>
GridView自定义分页导航
</FIELDSET>
GridView自定义分页导航
</td>
GridView自定义分页导航
</tr>
GridView自定义分页导航
</table>
GridView自定义分页导航
<tablecellpadding="0"cellspacing="0"border="0"Style="z-index:103;
GridView自定义分页导航
left:21px;position:absolute;top:140px;width:90%;">
GridView自定义分页导航
<trbgColor="#6B696B">
GridView自定义分页导航
<tdalign="center"style="width:85%">
GridView自定义分页导航
<asp:GridViewID="GridView1"runat="server"Width="100%"CellPadding="4"ForeColor="#333333"
GridView自定义分页导航AutoGenerateColumns
="False"AllowPaging="True"BorderColor="Silver"
GridView自定义分页导航BorderStyle
="Solid"BorderWidth="1px"OnRowDataBound="GridView1_RowDataBound"
GridView自定义分页导航ShowFooter
="false"EmptyDataText="没有数据记录!!"AllowSorting="True"OnSorting="GridView1_Sorting">
GridView自定义分页导航
<Columns>
GridView自定义分页导航
<asp:BoundFieldHeaderText="编号"DataField="id"Visible="False"/>
GridView自定义分页导航
<asp:TemplateFieldHeaderText="&lt;inputtype='checkbox'id='chk'name='chk'onclick='checkJs(this.checked);'/&gt;全选">
GridView自定义分页导航
<ItemTemplate>
GridView自定义分页导航
<inputtype="checkbox"id="checkboxname"name="checkboxname"value='<%#DataBinder.Eval(Container.DataItem,"StfId")%>'onclick='SingleCheckJs();'/>
GridView自定义分页导航
</ItemTemplate>
GridView自定义分页导航
</asp:TemplateField>
GridView自定义分页导航
GridView自定义分页导航
<asp:TemplateFieldHeaderText="序号">
GridView自定义分页导航
<ItemTemplate>
GridView自定义分页导航
<%#(Container.DataItemIndex+1).ToString()%>
GridView自定义分页导航
</ItemTemplate>
GridView自定义分页导航
</asp:TemplateField>
GridView自定义分页导航
<asp:TemplateFieldHeaderText="充值">
GridView自定义分页导航
<ItemTemplate>
GridView自定义分页导航
<%#GetClientVisitInfoShowCmpMoney(DataBinder.Eval(Container.DataItem,"StfId"),DataBinder.Eval(Container.DataItem,"StfName"))%>
GridView自定义分页导航
</ItemTemplate>
GridView自定义分页导航
</asp:TemplateField>

相关文章: