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