webform网站相关数据控件和其他
一、asp:Repeater
<div class="bd">
<ul>
<asp:Repeater ID="rept_slide" runat="server">
<ItemTemplate>
<li><a href='<%#Eval("LinkUrl").ToString() %>' target="_blank" style="background: url(images/<%#Eval("ImgUrl").ToString() %>) center 0 no-repeat;" ></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
Repeater 控件用于显示重复的项目列表
后台绑定数据:
DataTable dt = tbSlideFill();
this.rept_slide.DataSource = dt.DefaultView;
this.rept_slide.DataBind();
二、asp:Literal
向页面动态添加内容
<asp:Literal ID="lit_page" runat="server"></asp:Literal>
this.lit_page.Text = Common.PageNums.GetPageNum(ds, rept_new, , "About.aspx?id=52", "Pager_blue"); //输出分页
/// /// DataSet实例
/// /// DataList名称
/// /// 分页大小
/// ///动态分页
public static string GetPageNum(DataSet ds, Repeater datalistname, int pagesize, string lurl, string classStr)
{
string pagestr = "";
if (ds != null && ds.Tables[].Rows.Count > )
{
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[].DefaultView;
objPds.AllowPaging = true;
int total = ds.Tables[].Rows.Count;
objPds.PageSize = pagesize;
int page;
if (HttpContext.Current.Request.QueryString["page"] != null)
page = Convert.ToInt32(HttpContext.Current.Request.QueryString["page"]);
else
page = ;
objPds.CurrentPageIndex = page - ;
datalistname.DataSource = objPds;
datalistname.DataBind();
int allpage = ;
int next = ;
int pre = ;
int startcount = ;
int endcount = ; if (page < )
{
page = ;
}
//计算总页数
if (pagesize != )
{
allpage = (total / pagesize);
allpage = ((total % pagesize) != ? allpage + : allpage);
allpage = (allpage == ? : allpage);
}
next = page + ;
pre = page - ;
startcount = (page + ) > allpage ? allpage - : page - ;//中间页起始序号
endcount = page < ? : page + ;//中间页终止序号
if (startcount < )
{ startcount = ; }
//为了避免输出的时候产生负数,设置如果小于1就从序号1开始
if (allpage < endcount)
{
endcount = allpage;
}
//页码+5的可能性就会产生最终输出序号大于总页码,那么就要将其控制在页码数之内
pagestr = "<div class='" + classStr + "'>";
pagestr += page > ? "<a href='" + lurl + "&page=1' class=\"homePage\">首页</a><a href='" + lurl + "&page=" + pre + "' class=\"prevPage\">上一页</a>" : "<a href='" + lurl + "&page=1' class=\"homePage\">首页</a>";
for (int i = startcount; i <= endcount; i++)
{
pagestr += page == i ? "<a href=\"javascript:;\" class=\"on\">" + i + "</a>" : " " + "<a href='" + lurl + "&page=" + i + "'>" + i + "</a>" + " ";
}
pagestr += page != allpage ? "<a href='" + lurl + "&page=" + next + "' class=\"nextPage\">下一页</a><a href='" + lurl + "&page=" + allpage + "' class=\"endPage\">末页</a>" : "<a href=\"javascript:;\" class=\"endPage\">末页</a>";
pagestr += "</div>";
}
else
{
pagestr = "暂无数据";
}
return pagestr;
}
三、asp:DataList
DataList 控件,类似于 Repeater 控件,用于显示绑定在该控件上的项目的重复列表。不过,DataList 控件会默认地在数据项目上添加表格。
<asp:DataList ID="DataInfo" runat="server" OnItemCommand="DataInfo_ItemCommand" DataKeyField="InfoId">
<HeaderTemplate>
<table cellpadding="" cellspacing="" border="" width="" class="tablecss">
<tr>
<td width="" align="center">序号</td>
<td width="" align="center">选择</td>
<td width="" align="ceter">标题</td>
<td width="" style="text-align:center;">排序号</td>
<td style="text-align:center;">操作</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table cellpadding="" cellspacing="" border="" width="" class="tablecss2">
<tr>
<td width="" align="center"><%#(Container.ItemIndex+).ToString() %></td>
<td width="" align="center"><asp:CheckBox ID="CheckBox1" runat="server" /></td>
<td width="" align="center"><%#DataBinder.Eval(Container.DataItem,"Title") %></td>
<td width="" align="center"><asp:TextBox ID="txsort" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Sort") %>' Columns=""></asp:TextBox></td>
<td style="text-align:center;">
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="false" CommandName="edit" Text="修改"></asp:LinkButton>
<asp:LinkButton ID="LinkButton5" runat="server" CausesValidation="false" CommandName="Delete" Text="删除" OnClientClick="return confirm('确认要删除吗?')"></asp:LinkButton>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
this.DataInfo.DataSource = objpbs;
this.DataInfo.DataBind();
四、分页
1、先引用AspNetPager.dll
2、在页面上加上一句:<%@ Register TagPrefix="Webdiyer" Namespace="Wuqi.Webdiyer" Assembly="aspnetpager" %>
3、
<Webdiyer:AspNetPager runat="server" ID="pager" AlwaysShow="true" HorizontalAlign="Left" ShowInputBox="Always"
ShowPageIndex="false" FirstPageText="首页" LastPageText="末页" PrevPageText="上页" NextPageText="下页"
Width="100%" ShowCustomInfoSection="Left" TextBeforeInputBox="转到转到第 " TextAfterInputBox=" 页 "
PageSize="" OnPageChanged="pager_PageChanged"/>
4、后台绑定数据
DataTable dt=tbInfoFill();
pager.RecordCount = dt.Rows.Count;
PagedDataSource objpbs = new PagedDataSource();
objpbs.DataSource = dt.DefaultView;
objpbs.AllowPaging = true;
objpbs.PageSize = pager.PageSize;
objpbs.CurrentPageIndex = pager.CurrentPageIndex - ;
五、其他
1、幻灯片展示
a、引入js文件:<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
b、
<div class="banner">
<div class="bd">
<ul>
<asp:Repeater ID="rept_slide" runat="server">
<ItemTemplate>
<li><a href='<%#Eval("LinkUrl").ToString() %>' target="_blank" style="background: url(images/<%#Eval("ImgUrl").ToString() %>) center 0 no-repeat;" ></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div> </div>
<script type="text/javascript">
jQuery(".banner").slide({ mainCell: ".bd ul", autoPlay: true });
</script>
2、marquee
a、创建一个滚动的文本字幕
<marquee direction="up" behavior="scroll" scrollamount="" onMouseOut="this.start()" onMouseOver="this.stop()" >
<span class="fl"><a href='NewInfo.aspx?id=<%#Eval("InfoId").ToString() %>'><%#Eval("Title").ToString() %></a></span>
<span class="time fr"><%#Eval("AppDate","{0:yyyy-MM-dd}").ToString() %></span>
</marquee>
direction:表示滚动的方向
behavior:表示滚动的方式
scrollamount:表示文字滚动的速度
onMouseOut:表示当鼠标移上去滚动停止
onMouseOver:表示当鼠标移开滚动开始
b、用js来实现
<script type="text/javascript">
var speed =
function Marquee() {
demo.scrollTop++;
if (demo.scrollTop > "")
{
demo.scrollTop = "";
}
}
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function () { clearInterval(MyMar) }
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>
webform网站相关数据控件和其他的更多相关文章
- CYQ.Data 支持WPF相关的数据控件绑定.Net获取iis版本
CYQ.Data 支持WPF相关的数据控件绑定(2013-08-09) 事件的结果 经过多天的思考及忙碌的开发及测试,CYQ.Data 终于在UI上全面支持WPF,至此,CYQ.Data 已经可以方便 ...
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...
- ASP.NET-----Repeater数据控件的用法总结(转)
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
- ASP.NET MVC显示WebForm网页或UserControl控件
ASP.NET MVC显示WebForm网页或UserControl控件 学习与使用ASP.NET MVC这样久,还是对asp.net念念不忘.能否在asp.net mvc去显示aspx或是user ...
- 【我们一起写框架】MVVM的WPF框架(三)—数据控件
这世上,没人能一次性写出完美无缺的框架:因为,任何一个框架都需要项目的淬炼,然后才能升华,趋近完美. 所以,框架是个反复修改的东西,最终形成的东西. 如果你学了一点技术,觉得自己可以写出框架了,觉得自 ...
- 初始ASP.NET数据控件GridView
使用GridView控件绑定数据源 GridView控件个人认为就是数据表格控件,它以表格的形式显示数据源中的数据.每列表示一个字段,每行表示一条记录. GridView控件支持在页面有一下功 ...
- [转载]ASP.NET-----Repeater数据控件的用法总结
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
- winform快速开发平台 -> 快速绑定ComboBox数据控件
通常我们在处理编辑窗体时.往往会遇到数据绑定.例如combobox控件绑定数据字典可能是我们经常用到的.然而在我的winform快速开发平台中我是如何处理这个频繁的操作呢? 首先,我们要绑定combo ...
- 用于后台管理的列表数据控件:DataGrid和Select
常听人说不喜欢javascript.然而我一个一直用C#做后端的人,最喜欢的编程语言就是javascript了,我接收它的优点,也接收它的缺点! 前段时间接触过easyui,用过里面的DataGrid ...
随机推荐
- Servlet中的cookie和session
保存数据的2中方式 Cookie Session Cookie 我们可以将一些信息保存到cookie中,cookie存放在对应的浏览器目录里面.每个站点可以保存20个cookie,最大长度不超过4k. ...
- Android - 禁止Gridview滚动
设置gridview 的touch事件,是ACTION_MOVE 的话返回true mDragGrid.setOnTouchListener(new OnTouchListener() { @Over ...
- esriSRProjCS2Type Constants
ArcGIS Developer Help (Geometry) esriSRProjCS2Type Constants See Also esriSRProjCSType Constants ...
- C Primer Plus(第五版)1
这是C Primer Plus(第五版)的第一章,上传上来主要是方便我进行做笔记,写注释,还有我会删掉一些“废话”等. 1.1 C语言的起源 贝尔实验室的 Dennis Ritchie 在1972年开 ...
- 排序(sort qsort)
qsort() 函数: sort() 函数表: 函数名 功能描述 sort 对给定区间所有元素进行排序 stable_sort 对给定区间所有元素进行稳定排序 partial_sort 对给定区间所 ...
- <%%>与<%#%>与<%=%>
在asp.net中经常出现包含这种形式<%%>的html代码,总的来说包含下面这样几种格式: 一. <%%> 这种格式实际上就是和asp的用法一样的,只是asp中里面是vbsc ...
- MFC学习 序列化
void CArchiveView::OnWrite() { // Archive就是可序列化的类, 要头文件中DECLARE_DYNCREATE(CArchiveDoc) // 重写 virtual ...
- HDU2176尼姆博弈
HDU2176 http://acm.hdu.edu.cn/showproblem.php?pid=2176 假设有3个数,a[0],a[1],a[2];那么ans=a[0]^a[1]^a[2];若a ...
- 通过weka.jar包来进行数据预处理
前言:注意首先要将weka.jar包加载到相应的路径中去.程序中的数据也是用的weka自带的数据. 扩展:eclipse添加jar包的操作方法: 打开eclipse ,在对应的工程下右击,选择Buil ...
- android 基础控件 EditText
EditText 简介: EditText 控件继承 TextView ,它有TextView的所有属性和方法,并且自身是可编辑的: extends TextView java.lang.Object ...