jQuery与GridView控件结合示例

最新推荐文章于 2021-08-05 15:37:27 发布

全栈极简

最新推荐文章于 2021-08-05 15:37:27 发布

阅读量1w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： .NET In Action

本文链接：https://blog.youkuaiyun.com/chinacsharper/article/details/10000983

.NET In Action 专栏收录该内容

100 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文展示了如何利用jQuery与ASP.NET的GridView控件结合，实现动态计算GridView行内数据的平均值功能。在Page_Load事件中进行后台绑定，通过jQuery监听CheckBox点击事件，实时计算并显示数字的平均值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery是一种非常强大的客户端JS编程技术，这里不想过多阐述它的相关背景知识，只想简单演示一下如何与asp.net的控件结合开发。

比如，我们要做一个下面如图所示的功能，效果是状态、编号、数字1、数字2、平均值所有的项都是通过后台绑定，如何点击checkbox按钮，来实现自动计算当前行两个数字的平均值呢？前提是用jQuery来实现？

我们直接在页面的Page_Load事件中输入如下代码：

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                DataTable dt = new DataTable();
                dt.Columns.AddRange(new DataColumn[] { 
                    new DataColumn("id",typeof(Int32)),
                    new DataColumn("num1",typeof(In