jquery - 点击一个按钮，弹出一个表格

Question

我在 asp.net 网页中有一个按钮，我想通过单击该按钮来显示一个表格。这是图像。

然后点击“搜索设备”。

我从某个地方借来了代码。最初它是 jquery 代码，按钮是一个 div 部分。我的问题：

1. 如果纯asp.net代码，如何生成这个动态表？我知道 DataGrid 是一种选择，还有其他方法吗？在单击按钮之前，我不想显示它。
2. asp.net 和 jquery 的结合。该按钮是一个 asp.net 按钮，但该表是从客户端技能中获得的。

谢谢。

Answer 1

您可以在纯 asp.net 代码中执行此操作，但在按下按钮时需要回发。

您也可以使用asp:gridview控件。它看起来很像一张桌子。你的按钮后面的代码看起来像这样

Protected Sub okButton_Click(sender As Object, e As EventArgs) Handles okButton.Click
    ... //set your gridview up
    gridview1.datasource = whateveryourdatasourceis //can be list, array, datatable
    gridview1.databind()
    gridview1.visible = true
End Sub

上面的代码是 vb.net

希望这可以帮助。

Answer 2

您应该使用服务器端代码来处理这一切。它更容易处理，并且没有真正的理由使用客户端 javascript 创建表。

1. 使用 GridView 并将您的数据源绑定到它。
2. 在搜索字段和结果周围使用 UpdatePanel 以避免刷新页面。