将SQL数据转换为html表

本文关键字：html 转换 SQL 数据 | 更新日期: 2023-09-27 18:13:08

我有未知数量的行在我的数据库与列id和文本。在我的代码中，我将此数据转换为带有参数id和text的对象新闻列表。

HTML 

<div class="middleDiv" id="mid" runat="server">
</div>
代码:

List<news> news = loadNewsFroamDbs();
String html = "";
for (int i=0;i<news.Count; i++) {
String html1 = " <div class='big'>" +
                        "<div class='id'>" +
                            "<label>" + news.id + "</label>" +
                            "<label>id</label>" +
                        "</div>" +
                        "<div class='text'>" +
                            "<a href='newsDetail.aspx?id=" + news.id + "'>"
                            + news.text + "</a>" +
                        "</div></div>" 
html = html + html1;
mid.InnerHtml = html;
}

当我想在我的页面上开始我的delete()函数时，我应该使用什么组件?我不能使用button+onClick方法。我需要学习控制器的知识吗?

将SQL数据转换为html表

Melanie是对的。如果要使用HTML表格元素，则应该使用GridView。

如果你不打算使用表，那么使用数据列表。这可能就是你想要的。如果这仍然不适合你，查找其他数据控件你可以使用(检查左侧窗格的数据列表页)。

编辑:为什么不能用按钮删除?我觉得没有理由不这样做，而且我敢说所有的数据控件都允许你使用按钮来创建、删除和编辑。

我同意这里每个人的观点，你应该使用GridView，现在看一下这个快速的例子，看看如何使用它，你几乎可以按照你想要的方式格式化表格(你不需要自己输入所有的代码VS会为你做很多)

。ASPX 

<asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" 
            GridLines="None">
            <AlternatingRowStyle BackColor="White" />
            <Columns>
                <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" 
                    ShowSelectButton="True" />
            </Columns>
            <EditRowStyle BackColor="#2461BF" />
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#EFF3FB" />
            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle BackColor="#F5F7FB" />
            <SortedAscendingHeaderStyle BackColor="#6D95E1" />
            <SortedDescendingCellStyle BackColor="#E9EBEF" />
            <SortedDescendingHeaderStyle BackColor="#4870BE" />
        </asp:GridView>

cs 

public class News
    {
        public int id { get; set; }
        public string title { get; set; }
        public string content { get; set; }
        //as many properties as you want
    }
    public partial class bindGridviewToList : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            News n1 = new News() { id = 1, content = "content", title = "title" };
            News n2 = new News() { id = 2, content = "content", title = "title" };
            News n3 = new News() { id = 3, content = "content", title = "title" };
            List<News> newsList = new List<News>();
            newsList.Add(n1); newsList.Add(n2); newsList.Add(n3);
            GridView1.DataSource = newsList;
            GridView1.DataBind();
        }
    }

运行这个示例，您将看到使用GridView

是多么容易
相关文章：