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

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;

                }

        }