ajax gridview 嵌套

最新推荐文章于 2024-10-03 12:09:31 发布
最新推荐文章于 2024-10-03 12:09:31 发布 · 149 阅读 · 0
文章标签：

#Ajax #ASP #Linq #UI #Web

ajax GridView 嵌套 弹出模态窗口

 

 

页面结构 大体

第一层 updatepanel2

    第二层 GridView1

         GridView1的字段1

         GridView1的字段2

         GridView1的模板列1

               第三层 1 GridView2

         GridView1的模板列1

         GridView1的模板列2

               第三层 2 updatepanel1

                    第四层 GridView3    

               第三层 2 updatepanel1         

         GridView1的模板列2

    第二层 GridView1

第一层 updatepanel2

 

特别说明

    第四层的 GridView3 是由 GridView1 的模板列2 里 一个 LinkButton点击后填充的，

并由 AjaxControlToolkit 的 ModalPopupExtender 控件的模态弹出窗口负责显示的 ，

GridView3 里的数据是可以同时更新的。ModalPopupExtender 的显示控制是由后台负责的。

 

GridView 需要的数据 是由 linq提供的。所以这些代码拿过去是不能够直接使用的。

 

页面结构

<%@ Page Language="C#" MasterPageFile="~/Master/WareHouse.master" Theme="DataWebControls" AutoEventWireup="true" CodeFile="ProductionSearch.aspx.cs" Inherits="Pages_WareHouse_ProductionSearch" Title="Untitled Page" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MasterContent" Runat="Server">
    <style type="text/css">
    <!--

    .modalBackground {
	    background-color:Gray;
	    filter:alpha(opacity=70);
	    opacity:0.7;
    }
    -->
    </style>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    
    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            onrowdatabound="GridView1_RowDataBound" Width="700px" >
        <Columns>
            <asp:BoundField DataField="id" HeaderText="ID"  />
            <asp:BoundField DataField="name" HeaderText="Name" />
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false" 
                        ShowHeader="false" 
                         
                        onrowediting="GridView2_RowEditing" 
                        OnRowUpdating="GridView2_RowUpdating"
                        OnRowCancelingEdit="GridView2_RowCancelingEdit"
                        OnRowDeleting="GridView2_RowDeleting">
                        <Columns>
                            <asp:BoundField DataField="id" >
                                <HeaderStyle Width="50px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="name" >
                                <HeaderStyle Width="50px" />
                            </asp:BoundField>
                            <asp:CommandField ShowEditButton="True"  >
                                <HeaderStyle Width="100px" />
                            </asp:CommandField>
                            <asp:CommandField ShowDeleteButton="True" >
                                <HeaderStyle Width="50px" />
                            </asp:CommandField>
                        </Columns>
                    </asp:GridView>
                </ItemTemplate>
                <HeaderStyle Width="300px" />
            </asp:TemplateField>
            <asp:TemplateField>
                
                <ItemTemplate>
                    <asp:LinkButton ID="LinkButton1" runat="server" 
                        oncommand="LinkButton1_Command" 
                        CommandArgument='<%# Eval("id") %>'>修改</asp:LinkButton>
                    <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                            TargetControlID="LinkButton1"
                            PopupControlID="Panel1"
                            PopupDragHandleControlID="Panel2"                            
                            BackgroundCssClass="modalBackground"                            
                           
                            Enabled = "false"
                            
                            CancelControlID="CencelButton">
                    </cc1:ModalPopupExtender>
                    <asp:Panel ID="Panel1" runat="server" Width="300px" style="display:none; background-color:White;border:solid 1px black;">
                        <asp:Panel ID="Panel2" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">
                            fdsafsda</asp:Panel>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
                            <ContentTemplate>
                                <asp:GridView ID="DetailGridView" runat="server"
                                    AutoGenerateColumns="false"
                                    >
                                    <Columns>
                                        <asp:TemplateField HeaderText="UserID">
                                            <ItemTemplate>
                                                <asp:CheckBox ID="CheckBox1" runat="server" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="UserID">
                                            <ItemTemplate>
                                                <asp:TextBox ID="TB_UserID" runat="server" Text='<%# Eval("userid") %>' ReadOnly="true"></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="CarID">
                                            <ItemTemplate>
                                                <asp:TextBox ID="TB_CarID" runat="server" Text='<%# Eval("id") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="CarName">
                                            <ItemTemplate>
                                                <asp:TextBox ID="TB_CarName" runat="server" Text='<%# Eval("name") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>                                        
                                    </Columns>
                                    <HeaderStyle ForeColor="#33CCFF" />
                                </asp:GridView>
                            </ContentTemplate>                            
                        </asp:UpdatePanel>
                            
                        
                        <p>
                            <asp:Button ID="UpdateButton" runat="server" Text="确定" OnClick="UserCarUpdateButton_OnClick" />
                            <asp:Button ID="CencelButton" runat="server" Text="取消" />
                        </p>
                    </asp:Panel>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>        
    </asp:GridView>
    </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

 

后台代码

 

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Collections.Generic;
using AjaxControlToolkit;

public partial class Pages_WareHouse_ProductionSearch : System.Web.UI.Page
{
    //  暂时使用的 userList 的缓存 key
    private string user_LIST_CACHE_KEY = "userListCache";

    private IUserService userService = null;
        
    protected void Page_Load(object sender, EventArgs e)
    {   
        
        if (!IsPostBack)
        {
            initPage();
        }
    }

    /// <summary>
    /// 页面初始化
    /// </summary>
    public void initPage() 
    {
        userService = ServiceFactory.getUserService();
        IList<user> userList = userService.getUser();
        //这个 将查出来的数据缓存一下 不应该写在这里
        HttpRuntime.Cache.Insert(user_LIST_CACHE_KEY, userList);
        this.GridView1.DataSource = userList;
        this.GridView1.DataKeyNames = new String[] { "id" };
        this.GridView1.DataBind();
    }

    /// <summary>
    /// 子GridView2的删除事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GridView2_RowDeleting(object sender, GridViewDeleteEventArgs e)
    {
        //这里 要有相应的代码
    }

    /// <summary>
    /// 外层GridView1的 行绑定事件
    /// 在这里绑定每行的 子 GridVeiw2
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            int userID = int.Parse(GridView1.DataKeys[e.Row.RowIndex].Value.ToString());
            GridView gv = (GridView)e.Row.FindControl("GridView2");
            gv.DataSource = getCars(userID);
            gv.DataKeyNames = new string[] { "id", "userid" };
            gv.DataBind();

        }

    }

    /// <summary>
    /// 取得user的Car列表
    /// </summary>
    /// <param name="id">userID</param>
    /// <returns></returns>
    private IList getCars(int userID)
    {
        //IList<user> userList = ((IList<user>)Cache.Get(user_LIST_CACHE_KEY));
        userService = ServiceFactory.getUserService();
        IList<user> userList = userService.getUser();
        return (from u in userList where u.id == userID select u.Cars).ToList()[0];
    }

    /// <summary>
    /// 子GridView2的更新事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GridView2_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        //dataBind();
        GridView gv2 = (GridView)sender;
        Car car = new Car();
        car.name = ((TextBox)gv2.Rows[e.RowIndex].Cells[1].Controls[0]).Text.ToString().Trim();
        car.id = int.Parse(gv2.DataKeys[e.RowIndex].Values["id"].ToString());
        int userID = int.Parse(gv2.DataKeys[e.RowIndex].Values["userid"].ToString());
        //这里调用更新Car的方法


        gv2.EditIndex = -1;

        gv2.DataSource = getCars(userID);
        gv2.DataBind();

    }


    /// <summary>
    /// 子GridView2的到切换的编辑状态的事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GridView2_RowEditing(object sender, GridViewEditEventArgs e)
    {

        GridView gv2 = (GridView)sender;
        gv2.EditIndex = e.NewEditIndex;

        int carID = int.Parse(gv2.DataKeys[e.NewEditIndex].Value.ToString());
        int userID = int.Parse(gv2.DataKeys[e.NewEditIndex].Values["userid"].ToString());

        gv2.DataSource = getCars(userID);
        gv2.DataBind();
    }

    /// <summary>
    /// 子GridView2的取消编辑状态
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void GridView2_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
    {
        GridView gv2 = (GridView)sender;
        gv2.EditIndex = -1;
        int userID = int.Parse(gv2.DataKeys[e.RowIndex].Values["userid"].ToString());

        gv2.DataSource = getCars(userID);
        gv2.DataBind();
    }

    /// <summary>
    /// 弹出详细页面的事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void LinkButton1_Command(object sender, CommandEventArgs e)
    {
        int userID = int.Parse(e.CommandArgument.ToString());
        LinkButton lb = (LinkButton)sender;
        GridView detailGV = (GridView)lb.Parent.FindControl("DetailGridView");
        detailGV.DataSource = getCars(userID);
        detailGV.DataKeyNames = new string[] { "id", "userid" };
        detailGV.DataBind();
        ModalPopupExtender mpe = (ModalPopupExtender)lb.Parent.FindControl("ModalPopupExtender1");
        mpe.Enabled = true;
        mpe.Show();
    }



    /// <summary>
    /// 更新用户的汽车的事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void UserCarUpdateButton_OnClick(object sender, EventArgs e) 
    {
        Button updateButton = (Button)sender;
        GridView gv = (GridView)updateButton.Parent.FindControl("DetailGridView");

        CarDao carDao = new CarDao();
        //取得全部的汽车的信息 逐个更新
        for (int i = 0; i < gv.Rows.Count; i++)
        {
            GridViewRow row = gv.Rows[i];
            string userID = ((TextBox)row.Cells[0].FindControl("TB_UserID")).Text.Trim();
            string carID = ((TextBox)row.Cells[1].FindControl("TB_CarID")).Text.Trim();
            string carName = ((TextBox)row.Cells[1].FindControl("TB_CarName")).Text.Trim();
            
            //这里应该作更新的操作
            carDao.updateCarLinq(new Car { id = int.Parse(carID), name = carName, userid = int.Parse(userID)});
        }

        ModalPopupExtender mpe = (ModalPopupExtender)gv.Parent.FindControl("ModalPopupExtender1");
        mpe.Enabled = false;

        //更新后 重新更新一下页面
        initPage();
        this.UpdatePanel2.Update();
    }


}

 vs 2008 下测试通过

GridView嵌套应用实例
08-28
在这个“GridView嵌套应用实例”中，我们将深入探讨如何实现GridView的嵌套使用，以达到更复杂的数据显示和交互效果。 首先，GridView控件的主要特点是易于使用和高度可定制化。它支持分页、排序、筛选、编辑和删除...
.net GridView嵌套 EditNestedGridView
12-30
在标题".net GridView嵌套 EditNestedGridView"中提到的概念，指的是在GridView内部嵌套另一个GridView，实现数据的多级展示和编辑功能。这种技术常用于处理具有层次结构的数据，例如员工与他们的下属、产品与子产品...
ajax加载gridview,JQuery的ajax基础上的超强GridView展示
weixin_36374366的博客
08-05 229
看到一个这样的例子和大家分享下。这个一直是我想要做到的。首先先展示下最终的样子：使用northwind的数据。点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数。点击'+'后的样子:先分析下它的实现:第一个图的显示是个Gridview,当点击每条记录前面的'+'时会使用jQuery的ajax功能调用一个Web Method,并传输一个当前产品的ID进去,然后会定...
ajax方式填充GridView
Sandy专栏
11-01 4227
功能很简单，页面异步发送请求，服务器端响应的内容是XML，页面根据返回的XML填充已存在的GridView 新增页面用于展示数据 var xmlHttp = null; var isIE = !!window.ActiveXObject; function createXMLHttpRequest()
嵌套GridView中的单元格编辑技术指南
weixin_34547628的博客
10-03 1297
本文还有配套的精品资源，点击获取 简介：在.NET开发中，嵌套GridView用于展示层次化数据结构，并提供单元格编辑功能以更新底层数据。实现这一功能涉及创建嵌套结构、数据绑定、启用编辑模式、处理编辑事件、提交更改和回显更新。需要对***控件生命周期和数据绑定机制有深入了解，同时熟悉AJAX异步更新和数据验证机制。 1. GridView控件的使用与嵌套 在...
.Net自帶Ajax和GridView
weixin_30302609的博客
08-31 94
如圖所示,在新建web窗體后的工具欄中有一個 AJAX擴展 ScriptManager 在整個網頁中有且只有一個,使用母版頁和用戶控件中尤為注意, 例如在嵌套母版頁和用戶控件時只在最外層加上ScriptManager. UpdatePanel 用來盛放需要異步顯示的內容 UpdateProgress 用來放類似于Ajax中beforesend中的內容 Timer 計時器用來放...
通过GridView实现一个自定义的一个日历控件
月灯雪华
04-22 1152
最近工作的需求上面需要一个日历控件，之前也在网上找了不少开源的日历控件，但是效果总是不尽人意，也许也是自己水平有限，有些代码确实太过繁琐还看不周全，没办法，只好自己动手来写了。 先简单上一张效果图 实现的很简单，只能选择起始时间和结束时间，并且加了一些简单的验证。
在GridView控件内文本框实现TextChanged事件
weixin_33913332的博客
06-18 295
本篇是教你实现GridView控件内的TextBox文本框实现自身的TextChanged事件。由于某些功能的需求，GridView控件内嵌TextBox，当TextBox值发生变化时，触发TextChanged事件。在.aspx网页内，Insus.NET尝试写一个GridView，算了，我们还想在Ajax环境之下运行：为了实现TextChanged事件，得需要在GridView控件中写OnRow...
Ajax.net和GridView交互
weixin_34211761的博客
04-18 80
今天在网上看了一个例子挺有意思的，于是拿过来就研究了一下，又学到了不少的东西，主要的内容是Ajax.net和GridView交互。在作的过程中碰见了这样的问题，就是回调函数不能嵌套使用，那么解决的办法呢有2种（我个人的所发现的，可能还有其他更好的方法）。下面就把这个小东东写出来。一，先把第一个简单的容易看懂的写出来 1usingSystem;2usingSystem.Data;3...
Yii2学习笔记---内附GridView配置总结
weixin_30656145的博客
10-25 249
1、/vendor/yiisoft/yii2/web/UrlManager.php 方法createUrl 修改url参数转码2、config/web.php 配置文件Yii::$app（应用主体）的相关参数/注册应用组件3、Model验证器 ...
使用Ajax和Jquery实现GridView的展开、合并
weixin_30596165的博客
09-06 65
需求简介：电子商务网站中，查询会员的订单，点击“會員”，展现此会员的订单列表。Demo 界面操作： Step 1 展现会员列表，如下图 Step 2 点击“某一会员”行 展现会员订单列表 实现思路： 1、 使用用户控件（CustomerOrders.ascx）展示订单列表，此用户控件只需要包含Repeater控件并绑定数据源 2、 ...
深入理解GridView嵌套的实现方法
根据给定的信息，以下是对“GridView嵌套”的知识点的详细介绍： ### GridView嵌套概念 GridView是ASP.NET Web Forms编程模型中用于显示数据的一个服务器控件，它以表格形式展现数据集合，并且能够支持分页、排序和...
ASP.NET GridView嵌套应用技巧与实例解析
当需要在现有GridView中嵌套另一个GridView以展示更复杂的数据关系时，例如显示订单列表及其包含的订单详情，就需要使用到GridView嵌套技术。接下来，我们详细探讨在ASP.NET中实现GridView嵌套应用时涉及到的一些...
深入理解GridView嵌套在ASP.NET中的实现与应用
以下是对标题中提到的“gridview嵌套实例”的知识点进行详细解析： 1. GridView控件基础 GridView是ASP.NET Web Forms中的一个数据绑定控件，用于在网页上以网格的形式显示数据。它支持对数据进行排序、分页、编辑...
随机阻塞下毫米波通信的多波束功率分配”.zip
08-12
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
基于分时电价与改进粒子群算法的电动汽车充放电优化调度策略研究
08-12
内容概要：本文探讨了基于分时电价和改进粒子群算法的电动汽车充放电优化调度策略。首先介绍了分时电价制度及其对电动汽车充放电的影响，随后详细解释了改进粒子群算法的工作原理以及如何应用于电动汽车的充放电调度。文中还提供了具体的Python代码实现，展示了如何通过定义电价信息、电池容量等参数并应用改进粒子群算法来找到最优的充电时间点。最后，文章总结了该方法的优势，并展望了未来的研究方向，如与智能电网和V2G技术的结合。 适合人群：对电动汽车充放电调度感兴趣的科研人员和技术开发者。 使用场景及目标：适用于希望优化电动汽车充放电策略以降低成本、提高电力系统效率的人群。主要目标是在不同电价时段内，通过智能调度实现最低成本或最高效率的充电。 其他说明：本文不仅提供理论分析，还有详细的代码实现，便于读者理解和实践。
步进电机脉冲精准计算方法
08-12
资源下载链接为： https://pan.quark.cn/s/d9ef5828b597 根据步进电机的步进角、脉冲总数、减速比以及丝杠导程，计算出实现直线行走距离为1mm所需的脉冲数量。
【CAD入门基础课程】3.7 综合实战-使用极轴追踪方式绘制信号灯.avi
最新发布
08-12
一、综合实战—使用极轴追踪方式绘制信号灯 实战目标：利用对象捕捉追踪和极轴追踪功能创建信号灯图形 技术要点：结合两种追踪方式实现精确绘图，适用于工程制图中需要精确定位的场景 1. 切换至AutoCAD 操作步骤： 启动AutoCAD 2016软件 打开随书光盘中的素材文件 确认工作空间为"草图与注释"模式 2. 绘图设置 1）草图设置对话框 打开方式：通过"工具→绘图设置"菜单命令 功能定位：该对话框包含捕捉、追踪等核心绘图辅助功能设置 2）对象捕捉设置 关键配置： 启用对象捕捉（F3快捷键） 启用对象捕捉追踪（F11快捷键） 勾选端点、中心、圆心、象限点等常用捕捉模式 追踪原理：命令执行时悬停光标可显示追踪矢量，再次悬停可停止追踪 3）极轴追踪设置 参数设置： 启用极轴追踪功能 设置角度增量为45度 确认后退出对话框 3. 绘制信号灯 1）绘制圆形 执行命令："绘图→圆→圆心、半径"命令 绘制过程： 使用对象捕捉追踪定位矩形中心作为圆心 输入半径值30并按Enter确认 通过象限点捕捉确保圆形位置准确 2）绘制直线 操作要点： 选择"绘图→直线"命令 捕捉矩形上边中点作为起点 捕捉圆的上象限点作为终点 按Enter结束当前直线命令 重复技巧： 按Enter可重复最近使用的直线命令 通过圆心捕捉和极轴追踪绘制放射状直线 最终形成完整的信号灯指示图案 3）完成绘制 验证要点： 检查所有直线是否准确连接圆心和象限点 确认极轴追踪的45度增量是否体现 保存绘图文件（快捷键Ctrl+S）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值