GridView自定义分页导航

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

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

GridView自定义分页导航            }

GridView自定义分页导航        }

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

GridView自定义分页导航        }

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

GridView自定义分页导航    
GridView自定义分页导航    
// 鼠标经过改变行的颜色
GridView自定义分页导航
    if (!objbeforeItem)
GridView自定义分页导航GridView自定义分页导航    
...{
GridView自定义分页导航        var objbeforeItem
=null;
GridView自定义分页导航        var objbeforeItembackgroundColor
=null;
GridView自定义分页导航    }
    
GridView自定义分页导航    function ItemOver(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自定义分页导航
    function checkJs(boolvalue)
GridView自定义分页导航GridView自定义分页导航    
...{
GridView自定义分页导航        
if(document.all.checkboxname.length>1)
GridView自定义分页导航GridView自定义分页导航        
...{
GridView自定义分页导航            
for(var i=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自定义分页导航
    function SingleCheckJs()
GridView自定义分页导航GridView自定义分页导航    
...{
GridView自定义分页导航        var flag1
=false;
GridView自定义分页导航        var flag2
=false;
GridView自定义分页导航        
GridView自定义分页导航        
if (document.form1.checkboxname.length)
GridView自定义分页导航GridView自定义分页导航        
...{
GridView自定义分页导航            
for (var i=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自定义分页导航
<script type="text/javascript" language="javascript" src="Selecttime/calendar.js"></script>      
GridView自定义分页导航
</head>
GridView自定义分页导航
<body>
GridView自定义分页导航    
<form id="form1" runat="server">
GridView自定义分页导航            
<table id="Table10" cellSpacing="0" cellPadding="0" border="0" Style="z-index: 103;
GridView自定义分页导航
            left: 21px; position: absolute; top: 20px; width: 90%;">
GridView自定义分页导航
                <tr>
GridView自定义分页导航                    
<td bgColor="#fafafa">
GridView自定义分页导航                        
<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>
GridView自定义分页导航                            
<table id="Table1" height="40" cellSpacing="0" cellPadding="0" width="100%" align="center"
GridView自定义分页导航                                border
="0">
GridView自定义分页导航                                
<tr>
GridView自定义分页导航                                    
<td height="30"><FONT face="宋体">&nbsp;</FONT><FONT face="宋体">&nbsp;合作商名称
GridView自定义分页导航                                            
<asp:textbox id="TStfName" runat="server" BorderStyle="Groove" Width="144px"></asp:textbox>&nbsp;</FONT></td>
GridView自定义分页导航                                
</tr>
GridView自定义分页导航                                
<tr>
GridView自定义分页导航                                    
<td style="height: 30px">&nbsp;<FONT face="宋体"> 添加时间 </FONT>
GridView自定义分页导航                                        
<asp:textbox id="StartTime" onfocus="setday(this)" runat="server" Width="159px"></asp:textbox>&nbsp;到
GridView自定义分页导航                                        
<asp:textbox id="EndTime" onfocus="setday(this)" runat="server" Width="160px"></asp:textbox>&nbsp;&nbsp;&nbsp;<FONT face="Times New Roman">&nbsp;&nbsp;&nbsp;</FONT></td>
GridView自定义分页导航                                
</tr>
GridView自定义分页导航                                
<TR>
GridView自定义分页导航                                    
<TD height="30"