GridView自定义分页导航

最新推荐文章于 2019-02-27 10:44:14 发布

最新推荐文章于 2019-02-27 10:44:14 发布 · 206 阅读

文章标签：

#ASP #JavaScript #XHTML #ViewUI

本文介绍了一个使用ASP.NET实现的项目案例，重点展示了GridView控件的多种自定义功能，包括批量删除、分页、行高亮显示及数据修改等。通过具体的HTML代码片段，详细解释了这些功能的具体实现方式。

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

1. 日历控件（带时分秒）

2. GridView 批量删除,自定义分页,定位页码

3. GridView 修改

4. GridView 鼠标经过改变行的颜色

效果如下：

HTML：

<%...@PageLanguage="C#"AutoEventWireup="true"CodeFile="StfCmpManager.aspx.cs"Inherits="StfCmpManager"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headid="Head1"runat="server">

<title>合作商信息维护</title>

<scriptlanguage="javascript"type="text/javascript">...

//判断多选是否与选中项（没有选中的返回false）

functionslcNo_click()

......{

if(document.form1.checkboxname.length)

......{

for(vari=0;i<document.form1.checkboxname.length;i++)

......{

if(document.form1.checkboxname[i].checked)

......{

returntrue;

}

else

......{

if(document.form1.checkboxname.checked)

......{

returntrue;

}

alert("请选择后再操作！");

returnfalse;

}

//鼠标经过改变行的颜色

if(!objbeforeItem)

......{

varobjbeforeItem=null;

varobjbeforeItembackgroundColor=null;

}

functionItemOver(obj)

......{

if(objbeforeItem)

......{

objbeforeItem.style.backgroundColor=objbeforeItembackgroundColor;

}

objbeforeItembackgroundColor=obj.style.backgroundColor;

objbeforeItem=obj;

obj.style.backgroundColor="#B9D1F3";

}

//多选的全选与取消

functioncheckJs(boolvalue)

......{

if(document.all.checkboxname.length>1)

......{

for(vari=0;i<document.all.checkboxname.length;i++)

......{

document.all.checkboxname[i].checked=boolvalue;

}

else

document.all.checkboxname.checked=boolvalue;

}

//只有全部选中时“全选”选中

functionSingleCheckJs()

......{

varflag1=false;

varflag2=false;

if(document.form1.checkboxname.length)

......{

for(vari=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>

<scripttype="text/javascript"language="javascript"src="Selecttime/calendar.js"></script>

</head>

<body>

<formid="form1"runat="server">

<tableid="Table10"cellSpacing="0"cellPadding="0"border="0"Style="z-index:103;

left:21px;position:absolute;top:20px;width:90%;">

<tr>

<tdbgColor="#fafafa">

<FIELDSETstyle="BORDER-RIGHT:#cccccc1pxsolid;BORDER-TOP:#cccccc1pxsolid;BORDER-LEFT:#cccccc1pxsolid;BORDER-BOTTOM:#cccccc1pxsolid;HEIGHT:45px"><LEGEND><FONTface="宋体"size="2">合作商查询</FONT></LEGEND>

<tableid="Table1"height="40"cellSpacing="0"cellPadding="0"width="100%"align="center"

border="0">

<tr>

<tdheight="30"><FONTface="宋体"> </FONT><FONTface="宋体"> 合作商名称

<asp:textboxid="TStfName"runat="server"BorderStyle="Groove"Width="144px"></asp:textbox> </FONT></td>

</tr>

<tr>

<tdstyle="height:30px"> <FONTface="宋体">添加时间</FONT>

<asp:textboxid="StartTime"onfocus="setday(this)"runat="server"Width="159px"></asp:textbox> 到

<asp:textboxid="EndTime"onfocus="setday(this)"runat="server"Width="160px"></asp:textbox>   <FONTface="TimesNewRoman">   </FONT></td>

</tr>

<TR>

<TDheight="30"><FONTface="宋体">      <FONTface="宋体">

<asp:buttonid="SelectClient"runat="server"Text="搜　索"onclick="SelectClient_Click"></asp:button>   </FONT></FONT></TD>

</TR>

</table>

</FIELDSET>

</td>

</tr>

</table>

<tablecellpadding="0"cellspacing="0"border="0"Style="z-index:103;

left:21px;position:absolute;top:140px;width:90%;">

<trbgColor="#6B696B">

<tdalign="center"style="width:85%">

<asp:GridViewID="GridView1"runat="server"Width="100%"CellPadding="4"ForeColor="#333333"

AutoGenerateColumns="False"AllowPaging="True"BorderColor="Silver"

BorderStyle="Solid"BorderWidth="1px"OnRowDataBound="GridView1_RowDataBound"

ShowFooter="false"EmptyDataText="没有数据记录！！"AllowSorting="True"OnSorting="GridView1_Sorting">

<asp:BoundFieldHeaderText="编号"DataField="id"Visible="False"/>

<asp:TemplateFieldHeaderText="<inputtype='checkbox'id='chk'name='chk'onclick='checkJs(this.checked);'/>全选">

<inputtype="checkbox"id="checkboxname"name="checkboxname"value='<%#DataBinder.Eval(Container.DataItem,"StfId")%>'onclick='SingleCheckJs();'/>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="序号">

<%...#(Container.DataItemIndex+1).ToString()%>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="充值">

<%...#GetClientVisitInfoShowCmpMoney(DataBinder.Eval(Container.DataItem,"StfId"),DataBinder.Eval(Container.DataItem,"StfName"))%>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField