Devexpress 使用经验 —— ASPxGridView命令行自定义按钮灵活使用

本文介绍如何在ASP.NET中使用ASPXGridView组件添加自定义操作按钮,并通过C#及JavaScript实现不同按钮的功能调用与交互确认。文章详细展示了如何设置按钮的文本、客户端与服务器端事件处理以及具体的操作逻辑。

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

ASPX

    <dx:ASPxGridView ID="ASPxGridView1" runat="server" DataSourceID="ObjectDataSource1" KeyFieldName="Key"
        ClientInstanceName="grid" Width="100%" OnCustomButtonCallback="ASPxGrid1_CustomButtonCallback">
        <ClientSideEvents CustomButtonClick="onGrid1ButtonClick" />
        <Columns>
            <dx:GridViewCommandColumn Caption="自定义操作">
                <CustomButtons>
                    <dx:GridViewCommandColumnCustomButton ID="Button1" Text="审核通过" />
                    <dx:GridViewCommandColumnCustomButton ID="Button2" Text="审核不通过" />
                    <dx:GridViewCommandColumnCustomButton ID="Button3" Text="删除" />
                </CustomButtons>
            </dx:GridViewCommandColumn>
        </Columns>
    </dx:ASPxGridView>

C#

protected void ASPxGridView1_CustomButtonCallback(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewCustomButtonCallbackEventArgs e)
        {
            if (e.ButtonID == "Button1")
            {
                  // 按钮1方法
            }

            if (e.ButtonID == "Button2")
            {
                // 按钮2方法
            }

            if (e.ButtonID == "Button3")
            {
                // 按钮3方法
            }

        }

JS

function onGrid1ButtonClick(s, e) {

                switch (e.buttonID) {
                    case "Button1":
                        // 用于操作前确认
                        if (confirm("确定要执行这个操作么?"))
                            e.processOnServer = true;
                        break;

                    case "Button2":
               // 可以定义相关事件
                        if (someEvent) // 或者 !typeof(someEvent) === 'undefined'
                 someEvent.call();
                 //someEvent.apply(context, arguments); 可以传入指定的context

                        break;

           case "Button3": break;
                    default: break;
                }
        }

 

 

转载于:https://www.cnblogs.com/xymbtc/p/3510561.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值