You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ASP.NET Core中DevExpress Grid添加带参数自定义按钮的实现

DevExpress Grid 添加带选中行ID的跳转按钮解决方案

步骤1:确保ID字段可访问

如果你的模型ID字段未在Grid中定义,先添加隐藏列(不显示但能获取值):

columns.AddFor(m => m.ID).Visible(false);
// 替换成你模型实际的ID属性名,比如SanadId

步骤2:修改自定义按钮的点击事件

更新Grid按钮配置,将当前行的ID传入点击函数:

columns.Add()
    .Type(GridCommandColumnType.Buttons)
    .Buttons(b =>
    {
        b.Add()
        .Icon("add")
        // 这里的ID要和模型属性名一致
        .OnClick(@<text>function(e) { attachButtonClick(e.row.data.ID); }</text>);
    });

步骤3:修正JavaScript跳转函数

修改跳转逻辑,正确拼接ID参数,推荐使用Url.Action生成路由避免硬编码:

<script>
function attachButtonClick(ID) {
    // 替换"MYview"为目标Action名,"控制器名称"为对应控制器名
    var targetUrl = '@Url.Action("MYview", "控制器名称")' + '/' + ID;
    window.location.href = targetUrl;
};
</script>

如果直接用字符串拼接,确保路径正确:

<script>
function attachButtonClick(ID) {
    window.location.href = `/控制器名称/MYview/${ID}`;
};
</script>

内容的提问来源于stack exchange,提问作者salah ahmed

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 02:07:14