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;
}
}
上一篇:js控制滚动条平滑滚动到制定位置


下一篇:VNC实现Windows远程访问Ubuntu 16.04(无需安装第三方桌面,直接使用自带远程工具)