jQuery GridView 是一个基于 jQuery 的 ASP.NET 控件,它可以帮助你在网页上展示和管理数据。它提供了一些方便的功能,比如分页、排序、筛选、编辑、删除等等。
在 ASP.NET C# 中使用 jQuery GridView,需要进行以下步骤:
在 ASP.NET 的 WebForm 中,需要在 head 标签中引入 jQuery 和 GridView 的相关 CSS 和 JS 文件,比如:
< script src = "https://code.jquery.com/jquery-3.6.0.min.js" > </ script > < link href = "https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css" rel = "stylesheet" /> < script src = "https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js" > </ script > </ head >在 ASP.NET 的 WebForm 中,可以使用以下代码创建一个简单的 GridView 控件:
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
绑定数据源
在代码中,可以通过以下方式绑定数据源:
protected void Page_Load(object sender, EventArgs e)
if (!IsPostBack)
string connectionString = "Server=myServerAddress;Database=myDataBase;User Id=myUsername;Password=myPassword;";
string query = "SELECT * FROM myTable";
SqlDataAdapter da = new SqlDataAdapter(query, connectionString);
DataSet ds = new DataSet();
da.Fill(ds);
GridView1.DataSource = ds;
GridView1.DataBind();
这段代码会从数据库中获取数据,将其填充到 DataSet 中,然后将 DataSet 设置为 GridView 的数据源,并绑定数据源到 GridView 上。
添加样式和交互效果
通过引入上文中提到的 CSS 和 JS 文件,可以为 GridView 添加样式和交互效果,比如:
<script type="text/javascript">
$(document).ready(function () {
$('#GridView1').DataTable();
</script>
这段代码使用了 DataTables 插件来为 GridView 添加分页和排序等交互效果。
以上就是使用 jQuery GridView 在 ASP.NET C# 中展示和管理数据的基本步骤。希望这些信息能对你有所帮助。