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

最新推荐文章于 2023-03-31 21:53:05 发布

weixin_30417487

最新推荐文章于 2023-03-31 21:53:05 发布

阅读量326

点赞数

CC 4.0 BY-SA版权

文章标签： c#

原文链接：http://www.cnblogs.com/xymbtc/p/3510561.html

本文介绍如何在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>

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方法
            }

        }

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;
                }
        }