repeater怎么使用

Question

想弄一个滚动新闻栏，求repeater制作的详细步骤，包括数据库，数据库中表news的字段为NewsID、NewsTitle、NewsContent,只要求显示NewsTitle的滚动效果即可，然后希望点进去能链接到NewsContent,求步骤，和源代码

Answer 1

 <div style="overflow:hidden;" id="marqueebox" >
<asp:Repeater ID="rpMarqueeSiteLink" runat="server">
<ItemTemplate>
 <div style="float:left; "><%#Eval("osaname")%>：</div><br />
 <div style="float:left; text-align:left; ">
 <a href="<%#Eval("osalinks")%>" target="_blank"><%#Eval("osalinks")%></a></div> <br />
</ItemTemplate>
</asp:Repeater>
</div>
<span id="spError" runat="server" />
<script type="text/javascript">
    <!--
         function startmarquee(lh, speed, delay) {
             var t;
             var p = false;
             var o = document.getElementById("marqueebox");
             o.innerHTML += o.innerHTML;
             o.onmouseover = function() { p = true }
             o.onmouseout = function() { p = false }
             o.scrollTop = 0;
             function start() {
                 t = setInterval(scrolling, speed);
                 if (!p) o.scrollTop += 2;
             }
             function scrolling() {
                 if (o.scrollTop % lh != 0) {
                     o.scrollTop += 2;
                     if (o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0;
                 } else {
                     clearInterval(t);
                     setTimeout(start, delay);
                 }
             }
             setTimeout(start, delay);
         }
         startmarquee(22, 50, 1000);
         /**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/
//-->
</script>
参考

Answer 2

效果出不来啊，Thank you all the sanme

Answer 3

Repeater的用法网上多得是，至于滚动效果，可以借助JS或者Jquery实现

Answer 4

……  连个 div 的事情...
DIV+CSS 实现数据滚动 

Answer 5

请教一下楼上，div+CSS代码怎么设计啊，我是新手，说详细点啦~~

Answer 6

css文件怎么实现呢？急求指教

Answer 7

第一一个样式的固定高度 #dataDiv 
{
OVERFLOW: auto;      //滚动区域自动
OVERFLOW-X: hidden;  //隐藏横坐标滚动条
        OVERFLOW-Y: hidden;  //隐藏纵坐标滚动条
HEIGHT: 600px;       //区域高度
        WIDTH: 600px         //区域高度
}

Answer 8

<div id="contentDiv">
<div id="titleDiv">
<TABLE cellSpacing="0" cellPadding="0" border="1">
<TR align="center">
<TH width="40">
序号
</TH>
<TH width="100">
字段名
</TH>
<TH width="40">
类型
</TH>
<TH width="90">
显示区域
</TH>
<TH width="40">
附件
</TH>
<TH width="60">
简表字段
</TH>
<TH width="40">
必填
</TH>
<TH width="40">
排序
</TH>
<TH width="100">
操作
</TH>
</TR>
</TABLE>
</div>
<div id="dataDiv">
<TABLE id="listcontent" cellSpacing="0" cellPadding="0" border="1" style="FLOAT:left;MARGIN:0px">
<asp:repeater id="repeaterData" Runat="server">
<ItemTemplate>
<tr>
<td style="width:40px;" class="btn">
<asp:TextBox ID="txtSearch" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>'>
</asp:TextBox>
</td>
<td style="width:100px;">
<asp:Label ID="Lbl_Id" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"id")%>' Visible="False">
</asp:Label>
<%#DataBinder.Eval(Container.DataItem,"name")%>
&nbsp;
</td>
<td style="width:40px;">
<asp:Label ID="Lbl_Type" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"fieldType")%>'>
</asp:Label>
<asp:HyperLink ID="link_manager"  Runat=server>选项</asp:HyperLink>

&nbsp;
</td>
<td style="width:90px;">
<asp:Label ID="Lbl_Area" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"area")%>'>
</asp:Label>
&nbsp;
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Exist" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"existArchive")%>'>
</asp:Label>&nbsp;
</td>
<td align="center" style="width:60px;">
<asp:Label ID="Lbl_Simple" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"isSimple")%>'>
</asp:Label>&nbsp;
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Required" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"required")%>'>
</asp:Label>&nbsp;
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Sequence" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>' Visible="False">
</asp:Label>
<asp:LinkButton ID="btnUp" Runat="server" CommandName="up">▲</asp:LinkButton>
<asp:LinkButton ID="btnDown" Runat="server" CommandName="down">▼</asp:LinkButton>
&nbsp;
</td>
<td style="width:100px;">
&nbsp;
<asp:Label ID="Lbl_URI" Runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"fieldURI")%>'>
</asp:Label>
<asp:Label ID="Lbl_Flag" Runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"flag")%>'>
</asp:Label>
<asp:LinkButton ID="update" Runat="server" Visible="false" CommandName="update">修改</asp:LinkButton>
<asp:LinkButton ID="statusUpdate" CommandName="statusUpdate" Runat="server">
<asp:Label ID="Lbl_Status" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"status")%>'>
</asp:Label>
</asp:LinkButton>
<asp:LinkButton ID="delete" Runat="server" Visible="false" CommandName="delete">删除</asp:LinkButton>
&nbsp;
</td>
</tr>
</ItemTemplate>
</asp:repeater>
<asp:literal id="NonPanel" Runat="server"></asp:literal>
</TABLE>
</div>
</div>

Answer 9

/*这里是滚动效果CSS*/
    #box{width:774px; height:20px; margin:19px 0px 0px 6px; padding:0px;  overflow:hidden;}
    #box li{list-style:none; line-height:20px;color:#999;font-size:13px;}
    .newsContent a{display:block; color:#999; text-decoration:none;}
    .newsBox .newsContent a:hover{ color:#23a3d7;} //滚动支持的脚本
  <script language="javascript" type="text/javascript">
  window.onload=function(){
  var o = document.getElementById('box'); //容器、滚动对象
  window.setInterval(function(){scrollup(o,20,0);},3000);
}
 /* 滚动主方法=>参数:o 滚动块对象,参数:d 每次滚屏高度, 参数:c 当前已滚动高度*/  
function scrollup(o,d,c){
if(d==c){
  var t=getFirstChild(o.firstChild).cloneNode(true);
  o.removeChild(getFirstChild(o.firstChild));
  o.appendChild(t);
  t.style.marginTop="0px";
}else{
  c+=2;
  getFirstChild(o.firstChild).style.marginTop=-c+"px";
  window.setTimeout(function(){scrollup(o,d,c)},20);
}
}
function getFirstChild(node){
  while (node.nodeType!=1)
  {
    node=node.nextSibling;
  }
  return node;
}
   </script>
  <div class="newsBox">
      <h2>新闻动态</h2>
      <div class="newsContent">
        <ul id="box">
          <%--<li><a href="#">滚动新闻1</a></li>
          <li><a href="#">滚动新闻1</a></li>
          <li><a href="#">滚动新闻1</a></li>--%>
          <asp:Repeater ID="HotNews" runat="server" >
            <ItemTemplate>
              <li>
                <%--<li><%=CreatCode.creatNews()%></li>--%>
                <a href="news_xi.aspx?view=<%#Eval("ID")%>">   <%#web.Util.WbUI.CutString3(Eval("NewsTitles").ToString(),90) %> //我这里是截取多余字符调用方法(你可以去掉)
                <%#Eval("NewsTitles")#> //这是你需要的 截取方法 自己写 
</a>
              </li>
            </ItemTemplate>
          </asp:Repeater>          
        </ul>
      </div>
  </div>

Answer 10

这个貌似只用aspx不行吧，还得要cs后台代码的

Answer 11

看文档:http://msdn.microsoft.com/zh-cn/library/cc295084.aspx

Answer 12

后台 对 repeater 数据进行绑定就可以了

Answer 13

嗯，试了，第一个HTML code 格式怪怪的，貌似没什么效果HTML code

Answer 14

中间Eval（）函数那里语法不对，我已经用Marquee实现了，thank you anyway~

Answer 15

和gridview一样，只是repeater需要手写代码.

Answer 16

 <a href="news_xi.aspx?view=<%#Eval("ID")%>"> 这里的双引号吧，小问题