如何使用 JavaScript 或代码将 HTML 表与数据库绑定答案

【问题标题】：How to bind the HTML table with database using JavaScript or code behind如何使用 JavaScript 或代码将 HTML 表与数据库绑定
【发布时间】：2014-07-09 04:32:22
【问题描述】：

我想创建一个 html 表格。该表包含 2 列，例如 teamName、TeamMember。

TeamName 列（如 label）和 Teammember 列（如 checkboxlist）。

如何创建和绑定？

在 aspx 页面中我的代码喜欢

<table id="table1" border="1" align="center">
            <tr>
                <th>
                    TeamName
                </th>
                <th>
                    TeamMember
               </th>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="lbl1" runat="server"></asp:Label>
                </td>
                <td>
                    <asp:CheckBoxList ID="cblbind" runat="server">
                   </asp:CheckBoxList>
                </td>
            </tr>
        </table>

如何绑定这些表？

在数据库中我的程序：

alter procedure TeamBindingProc

@teamid as int

as

begin

select Teamid,TeamName from Team

    select UserId,TeamID,(select Nickname From [user] where [user].userid=TeamDetails.Userid)as Nickname from TeamDetails where Teamid=@teamid

end

【问题讨论】：

Dim data As New SqlDataAdapter Dim ds As New DataSet Dim df As New DataTable Dim tr As New HtmlTableRow Dim td3 As New HtmlTableCell Dim td4 As New HtmlTableCell Dim lbl As New Label Dim dt As New DataTable Dim cblbind As New CheckBoxList Dim strcon As String = ConfigurationManager.ConnectionStrings("KRGCbiz").ConnectionString Dim con As New SqlConnection(strcon) Dim CmdString As String = "select Teamid,teamname from team" Dim cmd As New SqlCommand(CmdString, con)

标签： asp.net sql database vb.net

【解决方案1】：

也许你应该看看 ListView 控件。你可以这样使用它

    <asp:ListView runat="server">
        <LayoutTemplate>
            <table id="table1" border="1" align="center">
                <tr>
                    <th>TeamName
                    </th>
                    <th>TeamMember
                    </th>
                </tr>
                <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
            </table>
        </LayoutTemplate>
        <ItemTemplate>
            <tr>
                <td>
                    <asp:Label ID="lbl1" Text='<%# Eval("ColumnNameOfYourTable") %>' runat="server"></asp:Label>
                </td>
                <td>
                    <asp:CheckBoxList ID="cblbind" runat="server">
                    </asp:CheckBoxList>
                </td>
            </tr>
        </ItemTemplate>
    </asp:ListView>

ListView 的数据源可以是 SqlDataSource，您可以在其中使用 sql 查询。

【讨论】：

我已经在 listview 中做了同样的概念得到了输出......需要在 html 表中

【解决方案2】：

首先执行存储过程并将其填充到数据集中....然后声明<table id='table1' runat='server'>，然后在页面加载时使用字符串生成器构造它所需的HTML 像这样

stingBuilder.Append("<tbody>");
stingBuilder.Append("<tr>");
stingBuilder.Append("<th>First Name</th>");
stingBuilder.Append("<th>Last Name</th>");

///more Html here as required by you

stingBuilder.Append("</tbody>");

然后最后使用

将字符串生成器附加到表中

table1.innerHtml=stringBuilder.ToString();

同样对于使用 JavaScript 的数据绑定，您可以使用 AJAX 调用方法，并且您可以通过和在成功函数中返回相同的 HTML。您可以使用它的 Id 将其绑定到表。

【讨论】：

table1 未显示在代码床中，如果我创建动态意味着它将显示否则？？？那么怎么传参数@teamId,,,,当时怎么bin label和checkboxlist呢？...
你已经声明它 runat='server'...如果它没有显示你可以使用
并将整个 Html 附加到 table包含在其中... divTable.InnerHtml=stingBuilder.ToString();
'' 表示在 '
表示它没有显示..我试过但没有显示..
'' 表示在 '
表示它没有显示..我试过但没有显示..
想象一个 html 表，该表包含 2 列 a 和 b，一列有一些名称 aaa,bbb,ccc 数据库中的值..这些 aaa,bbb,ccc 有一些成员B列中显示的复选框列表我该怎么办？ cam你帮我..