ASP.NET后台弹出Confirm对话框供用户进行操作

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

以前在做项目的时候，遇到过这样的情况就是，在后台的按钮事件中，根据相应的逻辑需要弹出一个确认对话框，供用户来操作是否继续执行还是终止，经过在网上仔细的搜索终于找到了一种实现的方式。具体的实现方式是在前台页面中添加一个ASP HiddenField 隐藏控件，这个控件主要的作用就是存储用户在“确认”对话框中操作的返回值(true-是、false-否),其次在添加一个Button控件，这个按钮的作用就是根据获取到的HiddenField控件的值，来判断程序执行的分支即(是-一个分支、否-另一个分支).

前台代码：

Code

1 <asp:Button ID="btnCallBack" runat="server" Text="回发并弹出confirm" OnClick="btnCallBack_Click" />
2         <asp:Button ID="btnHid" runat="server" OnClick="btnHid_Click" Width="0px" />
3         <asp:HiddenField ID="hid" runat="server" />

说明：

btnCallBack是程序弹出确认对话框的入口事件，

hid是页面上的隐藏控件，主要的作用是用来存储用户操作的返回值(在后台通过JS给其进行赋值)

btnHid是在后台中获取页面上隐藏控件的值来进行代码分支逻辑的流转

后台代码:

Code

protected void btnCallBack_Click(object sender, EventArgs e)
        {
            if (true) // 数据验证---已经存在分析数据
            {
                string js = string.Format("document.getElementById('{0}').value=confirm('是否确认?');document.getElementById('{1}').click();", hid.ClientID, btnHid.ClientID);
                ClientScript.RegisterStartupScript(GetType(), "confirm", js, true);
            }
            else // 数据验证---没有存在的分析数据
            {
                // 直接进行数据的插入
                InserData();
            }
            
        }
        protected void btnHid_Click(object sender, EventArgs e)
        {
            string result = hid.Value.ToLower() == "true" ? "是" : "否";
            Response.Write(string.Format("您选择的是{0}: ", result));
            if (result == "是")
            {
                // 进行数据的更新
                this.Page.Response.Write("这里进行数更新和新数据的插入!\n");
                bool flag = UpData();
                if (flag)
                {
                    InserData();
                }
            }
            else
            {
                // 不做数据的插入
                this.Page.Response.Write("这里什么都不做直接退出!\n");
                return;
            }
        }

        /// <summary>
        /// 获取数据进行验证
        /// </summary>
        private bool GetDataValid()
        {
            bool flag = true;
            // 这里面去进行数据验证
            this.Page.Response.Write("这里进行数据验证\n");
            return flag;
        }

        /// <插入数据>
        /// 插入数据
        /// </插入数据>
        /// <returns></returns>
        private bool InserData()
        {
            bool flag = true;
            this.Page.Response.Write("这里进行数据插入\n");
            return flag;
        }

        /// <更新数据>
        /// 更新数据
        /// </更新数据>
        /// <returns></returns>
        private bool UpData()
        {
            bool flag = true;
            this.Page.Response.Write("这里进行数据更新\n");
            return flag;
        }