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
相关产品推荐
相关产品推荐

