Question

我是vb.net中html表的新手。

我有一个html表，其中包含我需要的所有功能（在点击时扩展和折叠行等），如何将该表与sql数据库链接。

我可以在网格视图中显示数据库详细信息..

但是我的表具有诸如点击行之类的功能，具有4个字段的行必须向下扩展10个文本框（除了显示在行上）必须与少量按钮一起显示。因此我使用javascript进行扩展/折叠行

如何告诉我如何使渲染的网格视图行可单击和展开

Answer 1

您将需要使用名为GridView的asp.net控件。渲染时，它将成为HTML表格。然后可以通过CSS和Javascript来操作它。

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.aspx

GridView不是一个选项，请尝试使用Literal：

<asp:Literal ID="LiteralTable" runat="server"></asp:Literal>

代码隐藏：

StringBuilder sb = new StringBuilder();

sb.Append("<table>");
for (int i = 1; i < 15; i++)
{
    sb.Append("<tr class=\"clickable\"><td>" + FirstColumn[i] + "</td>" + "<td>" + SecondColumn[i] + "</td></tr>");
    sb.Append("<tr class=\"expandable\"><td>Edit</td>" + "<td>More Info</td></tr>");
}

sb.Append("</table>");


LiteralTable.Text = sb.ToString();

然后使用你的javascript（或jquery）魔法：

$(".clickable").click().next().show();

在这种情况下，只需在调用stringbuilder之前将数据库加载到数组中！

Answer 2

如果您使用的是ASP.NET WebForms，实际上很容易使GridView满足您的需求。

您可以使用Visual Studio的内置工具包，只需拖动到WebForm，设置SQLDataSource，然后设置为可选，然后再编辑。我认为VS 2010及以上版本使用工具包生成一个快速代码，但这里的代码可能是这样的：

<asp:GridView ID="gvPreview" runat="server" CssClass="gvPreview" AutoGenerateEditButton="true"> 
        </asp:GridView>

目前我的机器上没有SQL，所以我不能完全使用GUI向导来显示它的外观，但我可以。

将HTML表与sql数据库链接

2 个答案: