GridView自定义分页导航

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

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" >

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head id ="Head1" runat ="server" >
< title > 合作商信息维护 </ title >
< script language ="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 >
< 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:#cccccc1pxsolid;BORDER-TOP:#cccccc1pxsolid;BORDER-LEFT:#cccccc1pxsolid;BORDER-BOTTOM:#cccccc1pxsolid;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 ="宋体" > &nbsp; </ FONT >< FONT face ="宋体" > &nbsp; 合作商名称
< asp:textbox id ="TStfName" runat ="server" BorderStyle ="Groove" Width ="144px" ></ asp:textbox > &nbsp; </ FONT ></ td >
</ tr >
< tr >
< td style ="height:30px" > &nbsp; < FONT face ="宋体" > 添加时间 </ FONT >
< asp:textbox id ="StartTime" onfocus ="setday(this)" runat ="server" Width ="159px" ></ asp:textbox > &nbsp;
< asp:textbox id ="EndTime" onfocus ="setday(this)" runat ="server" Width ="160px" ></ asp:textbox > &nbsp;&nbsp;&nbsp; < FONT face ="TimesNewRoman" > &nbsp;&nbsp;&nbsp; </ FONT ></ td >
</ tr >
< TR >
< TD height ="30" >< FONT face ="宋体" > &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; < FONT face ="宋体" >
< asp:button id ="SelectClient" runat ="server" Text ="搜 索" onclick ="SelectClient_Click" ></ asp:button > &nbsp;&nbsp;&nbsp; </ FONT ></ FONT ></ TD >
</ TR >
</ table >
</ FIELDSET >
</ td >
</ tr >
</ table >
< table cellpadding ="0" cellspacing ="0" border ="0" Style ="z-index:103;
left:21px;position:absolute;top:140px;width:90%;"
>
< tr bgColor ="#6B696B" >
< td align ="center" style ="width:85%" >
< asp:GridView ID ="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" >
< Columns >
< asp:BoundField HeaderText ="编号" DataField ="id" Visible ="False" />
< asp:TemplateField HeaderText ="&lt;inputtype='checkbox'id='chk'name='chk'οnclick='checkJs(this.checked);'/&gt;全选" >
< ItemTemplate >
< input type ="checkbox" id ="checkboxname" name ="checkboxname" value ='<%# DataBinder.Eval(Container.DataItem,"StfId")% > 'οnclick='SingleCheckJs();'/>
</ ItemTemplate >
</ asp:TemplateField >

< asp:TemplateField HeaderText ="序号" >
< ItemTemplate >
<% ... #(Container.DataItemIndex+1).ToString() %>
</ ItemTemplate >
</ asp:TemplateField >
< asp:TemplateField HeaderText ="充值" >
< ItemTemplate >
<% ... #GetClientVisitInfoShowCmpMoney(DataBinder.Eval(Container.DataItem,"StfId"),DataBinder.Eval(Container.DataItem,"StfName")) %>
</ ItemTemplate >
</ asp:TemplateField >
< asp:BoundField
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
限时福利限时福利,15000+程序员的选择! 购课后添加学习助手(微信号:csdn590),按提示消息领取编程大礼包!并获取讲师答疑服务! 套餐中一共包含5门程序员必学的数学课程(共47讲) 课程1:《零基础入门微积》 课程2:《数理统计与概率论》 课程3:《代码学习线性代数》 课程4:《数据处理的最优化》 课程5:《马尔可夫随机过程》 哪些人适合学习这门课程? 1)大学生,平时只学习了数学理论,并未接触如何应用数学解决编程问题; 2)对算法、数据结构掌握程度薄弱的人,数学可以让你更好的理解算法、数据结构原理及应用; 3)看不懂大牛代码设计思想的人,因为所有的程序设计底层逻辑都是数学; 4)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; 5)想修炼更好的编程内功,在遇到问题时可以灵活的应用数学思维解决问题。 在这门「专为程序员设计的数学课」系列课中,我们保证你能收获到这些: ①价值300元编程课程大礼包 ②应用数学优化代码的实操方法 ③数学理论在编程实战中的应用 ④程序员必学的5大数学知识 ⑤人工智能领域必修数学课 备注:此课程只讲程序员所需要的数学,即使你数学基础薄弱,也能听懂,只需要初中的数学知识就足矣。 如何听课? 1、登录CSDN学院 APP 在我的课程中进行学习; 2、登录CSDN学院官网。 购课后如何领取免费赠送的编程大礼包和加入答疑群? 购课后,添加助教微信: csdn590,按提示领取编程大礼包,或观看付费视频的第一节内容扫码进群答疑交流!
后台技术选型: <ul style="color:#2F2F2F;"> <li> JDK8 </li> <li> MySQL </li> <li> Spring-boot </li> <li> Spring-data-jpa </li> <li> Lombok </li> <li> Freemarker </li> <li> Bootstrap </li> <li> Websocket </li> </ul> 小程序端技术选型 <ul style="color:#2F2F2F;"> <li> 微信小程序 </li> </ul> <div style="text-align:center;color:#2F2F2F;"> <div style="background-color:transparent;"> <div> </div> <div> <img alt="" src="https://upload-images.jianshu.io/upload_images/6273713-928017278f465cbd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp" /> </div> </div> <div style="font-size:14px;color:#969696;"> <br /> </div> </div> 小程序端 <div style="text-align:center;color:#2F2F2F;"> <div style="background-color:transparent;"> <div> </div> <div> <img alt="" src="https://upload-images.jianshu.io/upload_images/6273713-8d6c2b81701d32cd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp" /> </div> </div> <div style="font-size:14px;color:#969696;"> <br /> </div> </div> <ul style="color:#2F2F2F;"> <li> 扫码点餐 </li> <li> 菜品类显示 </li> <li> 模拟支付 </li> <li> 评论系统 </li> <li> 购物车 </li> </ul> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270119553529.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120098756.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120405331.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120538298.png" /><img alt="" src="https://img-bss.csdn.net/201907270121012487.png" /><br /> </span> </p>
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页