c# - 来自 response.write() 的 ASP.net C# 文本未按我的意愿显示

Question

ASP.net C# 我正在使用 Jquery 新闻自动收报机，在其中我从我的数据库中获取动态值。我已经从 db 中提取值到 `<OL>新贴纸列表。现在，问题是，我无法将它嵌入到我网页的正确位置。我有一个 div，div id="newsticker"其中应显示所有数据，但我在 news_ticker() 中从数据库中检索的值类未显示在该 div 中。它们显示在页面顶部。

这是我的代码，

.cs文件:

protected void news_ticker()
{

    SqlConnection connection = ConnectionManager.getConnection();
    SqlCommand cmd = new SqlCommand();
    cmd.Connection = connection;

    cmd.CommandText = ("SELECT [job_title] FROM [job_post]");
    SqlDataAdapter da = new SqlDataAdapter();
    DataTable dt = new DataTable();
    da = new SqlDataAdapter(cmd);
    dt.Clear();
    da.Fill(dt);

    Response.Write("<ol id='sample' class='ticker'>");

    for (int i = 0; i < dt.Rows.Count - 1; i++)
    {

        Response.Write("<li><a href='#' class='read'>Read more</a>" + (dt.Rows[i][0]) + "</li>");

    }
    Response.Write("</ol>");


    connection.Close();

}

.aspx 文件:

  <div id="newsticker">

<div class="pull-left">Latest News   <img src="../images/rss1.png" alt="rss" width="15" height="15" /> |</div>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
        SelectCommand="SELECT [job_title] FROM [job_post]"></asp:SqlDataSource>
    <br />    
  </div>

.css 文件:

    .ticker {
margin: 0;
padding: 5px;
list-style-type: none;
/*border: 1px solid #ccc;*/
color:#F9A813;
       }
      .ticker li {
    line-height:1.5;
}

.ticker-active li {
    display:none;
    overflow:hidden;
    white-space:nowrap;
}
    .read{
float: right;
   }

   .pull-left{
float:left;
/*border-right: 1px solid #000000;*/
padding:8px;
color:#FFF;
    }



     #newsticker {
position: absolute;
left: 11px;
top: 400px;
width: 700px;
height: 39px;
z-index: 16;
visibility: visible;
    }

附言请注意，我已经在 <ol>, 中用简单的虚拟值尝试了这段代码并且它们在 newsticker div 中完美显示。但是当我使用数据库中的动态值时，它们不会显示在 newsticker div 中。我无法弄清楚我错过了什么？我尝试了很多东西，但现在我不知所措。请帮助？

P.p.s.我没有在此处包括 jscript 文件，因为它似乎工作正常。

Answer 1

你不能在你的情况下使用 response.write，你需要像这样在 ASPX 中有一个转发器控件

<asp:Repeater ID="JobsRepeater" runat="server">
    <HeaderTemplate>
        <ol id='sample' class='ticker'>
    </HeaderTemplate>
    <ItemTemplate>
        <li><a href='#' class='read'>Read more</a> <%#Eval("job_title")%> </li>
    </ItemTemplate>
    <FooterTemplate>
        </ol>
    </FooterTemplate>
</asp:Repeater>

然后在后面的代码中将数据表绑定(bind)为转发器的数据源

JobsRepeater.DataSource= dt;
JobsRepeater.DataBind();