Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >要在WebGrid中将项id广告为呈现的<Tr>的id,必须采用什么方法

要在WebGrid中将项id广告为呈现的<Tr>的id,必须采用什么方法
EN

Stack Overflow用户
提问于 2018-12-14 01:28:17
回答 1查看 24关注 0票数 0

我正在使用一个asp.net MVC web应用程序,在我的视图中,我有一个webgrid,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@model  T.ViewModels.GridList<T.Models.Resources>
var gridcolumns = new List<WebGridColumn>();
gridcolumns.Add(new WebGridColumn()
      {

        CanSort = false,
        Format =
          (item) =>
             {
               var banner = item.Value as T.Models.Resources;
               return Ajax.ActionLink("Delete", "Delete", banner.Technology.TechnologyType.Name, new { id = banner.TechnologyID },
new AjaxOptions
{
    Confirm = "Are You sure You want to delete (" + banner.Technology.Tag.ToString() + ")",
    HttpMethod = "Post",

    OnSuccess = "deletionconfirmation",
    OnFailure = "deletionerror"
});
                    }

        });
            var grid = new WebGrid(
                        canPage: true,
                        rowsPerPage: Model.PageSize,
                        canSort: true,
                        ajaxUpdateContainerId: "grid");

            grid.Bind(Model.Content, rowCount: Model.TotalRecords, autoSortAndPage: false);
            grid.Pager(WebGridPagerModes.All);

            @grid.GetHtml(htmlAttributes: new { id = "grid" },   // id for ajaxUpdateContainerId parameter
            fillEmptyRows: false,
            tableStyle: "table table-bordered table-hover",
            mode: WebGridPagerModes.All,
            columns: gridcolumns

            );

现在,web网格将生成一个包含行的HTML表。正如我上面的示例代码所示,我有一个删除行的Ajax.ActionLink,并且我正在传递项目i。然后在OnSuccess = "deletionconfirmation"函数中,我将删除相关的行,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function deletionconfirmation(data)
{
    if (data.IsSuccess == "reload") {
        location.reload();
    }
    if (data.IsSuccess == "True") {
        $('#' + data.id).remove();

        $.fn.jAlert({
            'title': 'Deletion Confirmation',
            'message': data.description   +  ' deleted successfully',
            'theme': 'success',
            'clickAnywhere': false
        });
    }

但我的问题是,如何将WebGrid中的项is添加为生成的行的is?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-14 01:45:14

deletionconfirmation方法中的this表达式将为您提供锚标记HTML元素,用户单击该元素即可启动ajax调用。您可以使用jQuery closest方法来获取它的外部TR。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function deletionconfirmation(data) {

    var $tr = $(this).closest("tr");

    //Do your if conditions to check the data property to determine what to do next.

    $tr.fadeOut(400);

}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53772367

复制
相关文章
MyChat 采用雪花算法生成 ID
每个群组在创建时由后端分配 ID, 这个 ID 考虑到后面的集群情况, 所以需要做到全局唯一, 所以这里使用了雪花算法来实现
星尘的一个朋友
2021/03/02
7650
MyChat 采用雪花算法生成 ID
php 获取连续id,WordPress文章ID连续及ID重新排列的方法
解决Wordpress 文章 ID连续问题,同时让Wordpress 文章 ID重新排列。在用以下方法前,先备份好网站文件和数据库文件,以免操作不当造成损失。哈哈哈
超级小可爱
2023/02/20
9.3K0
mybatis元素类型为 “resultMap“ 的内容必须匹配 “(constructor?,id *,result*,association报错解决
原因其实蛮简单的,mybatis的xml中的resultMap标签规定了内标签的顺序,写错了就会直接解析不出来,从而报错。就和sql语句一样的,定义了自己的规则.
宁在春
2022/10/31
8670
mybatis元素类型为 “resultMap“ 的内容必须匹配 “(constructor?,id *,result*,association报错解决
什么是Bundle ID​
点击“设置”,我们还能修改Bundle ID的名称,如果不需要了,我们可以点击删除即可。​
iOS程序应用
2023/03/03
4950
什么是雪花ID?
在以前的项目中,最常见的两种主键类型是自增Id和UUID,在比较这两种ID之前首先要搞明白一个问题,就是为什么主键有序比无序查询效率要快,因为自增Id和UUID之间最大的不同点就在于有序性。
java技术爱好者
2021/06/01
3.8K0
什么是雪花ID?
什么是Bundle ID​
登录成功后我们可以看到弹出的消息提示“您账号未支付688给apple,只能创建开发证书,无法提交上传发布,无法使用apple登录,支付,推送功能”,简单来说就是只能使用此款软件进行内测,不能上架。​
iOS Magician
2023/03/21
6080
什么是Bundle ID​
什么是Bundle ID​
登录成功后我们可以看到弹出的消息提示“您账号未支付688给apple,只能创建开发证书,无法提交上传发布,无法使用apple登录,支付,推送功能”,简单来说就是只能使用此款软件进行内测,不能上架。​
爱学iOS的小麦子
2023/03/02
7580
什么是Bundle ID​
登录成功后我们可以看到弹出的消息提示“您账号未支付688给apple,只能创建开发证书,无法提交上传发布,无法使用apple登录,支付,推送功能”,简单来说就是只能使用此款软件进行内测,不能上架。​
爱学iOS的小麦子
2023/05/12
6420
什么是bundle id​
在发布iOS应用时,需要创建APP IDs。这个过程很重要,因为整个上架流程都需要使用APP IDs进行关联。如果你之前在iOS真机调试时已经创建了APP IDs,那么不需要重新创建,可以直接使用之前的APP IDs。​
iOS程序应用
2023/04/17
1.2K0
什么是bundle id​
再谈谈获取 goroutine id 的方法
通过Stack信息解析出ID 通过汇编获取runtime·getg方法的调用结果 直接修改运行时的代码,export一个可以外部调用的GoID()方法 每个方式都有些问题, #1比较慢, #2因为是
李海彬
2018/03/27
2.7K0
Face ID和Touch ID 译文and集成篇Face ID和Touch ID
译文篇: Face ID和Touch ID 尽可能支持生物识别。Face ID和Touch ID是人们信任的安全,熟悉的身份验证方法。如果用户启用了生物认证,您可以假定他们了解其工作原理,欣赏其方便性
GuangdongQi
2018/05/24
3.5K0
蛋白ID转基因ID
将Ensembl 中的蛋白ID转化成基因ID,可以通过clusterProfiler这个包。 如以大鼠的基因与蛋白转化为例; 安装clusterProfiler与大鼠org.Rn.eg.db,如果是人的注释包为org.Hs.eg.db,小鼠的注释包为org.Mm.eg.db.
生信编程日常
2020/12/31
3.6K0
分布式ID系列(1)——为什么需要分布式ID以及分布式ID的业务需求
在复杂分布式系统中,往往需要对大量的数据和消息进行唯一标识。如在美团点评的金融、支付、餐饮、酒店、猫眼电影等产品的系统中,数据日渐增长,对数据分库分表后需要有一个唯一ID来标识一条数据或消息,数据库的自增ID显然不能满足需求;特别一点的如订单、骑手、优惠券也都需要有唯一ID做标识。此时一个能够生成全局唯一ID的系统是非常必要的。
IT乾坤
2019/08/17
1.4K0
分布式ID系列(1)——为什么需要分布式ID以及分布式ID的业务需求
wordpress调用指定id的page页面的方法,适用于多id调用
前面我们讲到wordpress如何调用指定page页面内容,现在再用另外的方法来调试一下,可以直接在single.php模板使用,同样可以调用多id,随ytkah一起来看看
ytkah
2019/10/30
1.2K0
常见的ID生成策略 – IdUtil – Hutool的ID生成工具
雪花算法是推特公司开源的工具:想了解前往本站:https://www.zanglikun.com/2941.html
收心
2023/03/06
9.6K0
Linux下获取设备pci ID的方法
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/details/43969499
血狼debugeeker
2018/09/20
7K0
Linux下获取设备pci ID的方法
寻找树最后一项父节点,及id匹配项
寻找树最后一项父节点,及id匹配项 var obj = {name: "a1", type: 1, children: [], expend: true} var arr2 = [ {name: "a1", type: 1, children: [], expend: true}, { name: "a1", type: 1, children: [], expend: true } ] var arr = [
j_bleach
2020/05/18
4550
指定分类id使用指定的文章模版的方法
折腾生命在于折腾,越是折腾学得越是多,于是在看论坛的时候,发现了论坛有人建议这个,emlog 指定的分类文章使用指定的文章详情模版 的方法。
用户8099761
2023/05/10
9050
点击加载更多

相似问题

MVC WebGrid设置呈现的ID

11

WebGrid:在行(tr)中包含信息。例如,Id

11

使用ID在表中将TR移到TR之后

346

为tr datatable JSF生成id

22

application_id必须是有效的Facebook广告

421
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文