如何为后台网格行添加自定义删除选项

2023-12-22

我已经使用开发了可编辑网格backgrid http://backgridjs.com/而且看起来也不错。以下是我的输出:

当我选择复选框并单击delete图标,则所选行将被删除。

现在我还想在每一行上都有删除选项,以便用户可以直接删除该行。

如何在每一行上放置删除图标??


您可以制作自定义单元格。

var DeleteCell = Backgrid.Cell.extend({
    template: _.template(" PUT YOUR HTML BUTTON TEMPLATE HERE "),
    events: {
      "click": "deleteRow"
    },
    deleteRow: function (e) {
      e.preventDefault();
      this.model.collection.remove(this.model);
    },
    render: function () {
      this.$el.html(this.template());
      this.delegateEvents();
      return this;
    }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为后台网格行添加自定义删除选项 的相关文章

  • React中ComponentDidMount生命周期方法被调用两次

    在我的 React 应用程序中 加载应用程序时会进行两次初始 API 调用 我查看了 Chrome gt inpsect 中的网络选项卡 启动器 调用堆栈显示第一个调用是从VM123000 bundle js而第二个调用只是从实际的bund
  • 在 Node.js 中一次迭代 50 个项目的数组

    我是 node js 的新手 目前正在尝试编写数组迭代代码 我有一个包含 1 000 个项目的数组 由于服务器负载问题 我想一次迭代 50 个项目的块 我目前使用 forEach 循环 如下所示 我希望将其转换为上述块迭代 result i
  • 使用 Google Apps 脚本处理数组中输入元素中的多个文件

    我有一个表单 允许从下拉列表中选择一个项目并上传文件 项目的名称和 ID 保存在电子表格文档中 适用于一个文件 但我想上传多个文件 你能帮我修改一下脚本吗 HTML 部分如下所示 div class col md 4 col sm 6 di
  • iOS Javascript DOM“冻结?”

    这里有几个问题 有没有办法阻止 iOS 在滚动时冻结页面上的 javascript 当您在另一个选项卡中或切换应用程序时 iOS 是否会冻结 JavaScript iOS 上还有其他主要的 javascript 限制吗 iOS 6 x 会暂
  • Highcharts 奇怪的分组行为

    我正在使用延迟加载 http www highcharts com stock demo lazy loading加载 OHLC 数据的方法 在服务器端 我使用 Python MySQL 并有 4 个包含 OHLC 数据的表 时间间隔为 5
  • 为什么这个 JavaScript 可以在 Safari 上运行,但不能在 Firefox 上运行?

    我有 HTML 文件 我在 Safari 上尝试了该代码 运行良好 但是当我在 Firefox 上尝试这个时 它不起作用 任何人都可以建议如何使其在 Firefox 上工作吗 单击撤消按钮时 我想从 jsp 文件中检索内容 当我在 mac
  • 如何清除画布元素中的多边形区域?

    我使用过clearRect函数 但没有看到多边形的等效函数 我天真地尝试过 ctx fillStyle transparent ctx beginPath ctx moveTo 0 0 ctx lineTo 100 50 ctx lineT
  • 外部 CSS 是否应用于 jsPDF 生成的 pdf

    我已经开始使用 jspdf 制作一些演示 我有一个 html 文件 我的 css 在外部文件中 我写了下面的代码来生成我的pdf pdfButton on click function var pdf new jsPDF p in lett
  • Karma + JSPM + Typescript - 未找到“.ts.js”

    主要只是想让 Karma JSPM 在加载 ts 文件时发挥良好作用 但绝对没有运气 我看到一个讨论库 https github com Larchy karma jspm typescript coverage tree master一个
  • 我可以阻止history.popstate在初始页面加载时触发吗?

    我正在开发一个通过 AJAX 提供内容的网站 如果您单击菜单中的某个项目 内容 div 会更新为 get回应 没什么花哨的 我正在实施history pushState允许使用浏览器的后退 前进按钮进行导航 我有以下内容可以在历史导航上加载
  • 新部署后,React 应用程序必须清除浏览器缓存

    我们正在使用 Jenkins 管道在 apache 服务器上部署 React 应用程序 当我们部署新代码时 大多数新功能都可以正常工作 但并非所有更改都反映浏览器中的最新内容 用户必须打开隐身窗口或清除缓存才能看到新功能 我见过一些相关的解
  • 包含括号的变量会导致问题[重复]

    这个问题在这里已经有答案了 简单的事情 当单击按钮并将其写入文本字段时 我读取选择框的值 选择框
  • 特别更改画布上的笔画不透明度,但不更改颜色

    我有一个漂亮整洁的脚本 可以循环显示颜色 并且与 xxxxxx格式 但我想改变透明度 有没有办法做到这一点 我指的是ctx strokeStyle 这是当前的代码 canvas strokeStyle 16777215 s length i
  • Meteor JS:存储特定模板实例状态的最佳方法是什么?

    我正在学习 Meteor JS 中的会话和反应式数据源 它们非常适合设置全局 UI 状态 但是 我不知道如何将它们的范围限制到模板的特定实例 这就是我想做的 我的页面上有多个可内容编辑的元素 每个下面都有一个 编辑 按钮 当用户单击 编辑
  • 谷歌绘制具有相同比例的多个系列的图表

    我正在寻找一种在图形上显示多个系列的方法 这些系列具有相同的比例但仅显示一次 正如你在这里看到的 http jsfiddle net Youkoal d3xwnqdu http jsfiddle net Youkoal d3xwnqdu 我
  • 如何使用jquery点击眼睛图标时显示和隐藏密码

    我需要在单击眼睛图标时显示和隐藏用户密码 因此我为此编写了脚本 当我单击眼睛图标时 只有类正在更改 但密码不可见 再次单击斜线眼睛图标 它应该隐藏这两个图标方法不起作用如何解决这个问题
  • 角度距离计算

    我正在使用角度制作距离计算应用程序 Html
  • CSS 或 Javascript - 如果背景图像未加载,则显示后备文本[重复]

    这个问题在这里已经有答案了 如果徽标图形文件未加载或丢失 如何显示文本而不是徽标 我有带有背景 PNG 图像的 div div class iHaveBgImage this text should be displayed if bg i
  • JavaScript 开关(真)

    你好 我正在尝试处理 ajax json 响应 这是我的代码 success function j switch true case j choice1 alert choice2 break case j choice2 alert ch
  • 表单帖子上的 asp.net mvc 编码

    我在我的 asp net mvc 表单 带有文本区域的 nicedit 中使用富文本编辑器 当我在帖子上提交表单时 因为它不是 html 编码的 我收到以下消息 从客户端检测到潜在危险的 Request Form 值 如何对 post 上的

随机推荐

  • 我可以通过 ssh 转发环境变量吗?

    我使用多个不同的服务器 如果能够设置一些环境变量 以便当我通过 SSH 登录时它们在所有服务器上都处于活动状态 这将很有用 问题是 某些变量的内容包含敏感信息 散列密码 所以我不想把它留在 bashrc 文件中 我只想将它保留在内存中 我知
  • ThreeJS - 直线和球体的交点

    我的场景中有两个对象 一条红线和一个球体 当相机旋转 缩放 移动时 我需要检查以下内容 从相机当前位置看 该线是否与球体相交 请参见下图 请用这个 JS 小提琴 http jsfiddle net YxK63 7 在图像上创建场景 我知道如
  • Jekyll - 如何避免在 YAML frontmatter markdownify 项目上添加段落

    好的 我有一个项目 我正在使用 Jekyll 进行播客项目 我选择通过 YAML Front Matter 项目在 shownotes 中列出主机 hosts Name A Name B Name C 使用这段代码 li strong Ho
  • CSV 中数据提取末尾的尾随逗号

    我的问题的一些背景 我有一个由 MS Access 中的查询创建的 CSV 文件 CSV 文件的主体包含列 姓名 地址 邮政编码 日期等 文件的最后一行包含数据摘要 文件名 日期 时间戳和记录总数 由于所有字段都包含字符串 并且我们不希望系
  • Travis CI for Android - 构建错误:无法找到目标且无法找到依赖项

    我正在尝试为我的 Travis CI 设置现有的Android项目 https github com evercam evercam play android我添加了 travis yml language android android
  • 使用 Json.NET 对 DataContractJsonSerializer 使用的结构中的字典进行(反)序列化? [复制]

    这个问题在这里已经有答案了 有没有办法使用 Json NET 进行 反 序列化 但继续使用字典序列化约定DataContractJsonSerializer 换句话说 有没有办法以这种结构读写 JSON MyDict Key One Val
  • 当选项的值为“None”时动态确定选项的类型

    动态获取 Option 类型有一些困难 假设我有一个函数 let printType x if box x null then printfn the type is null else printfn the type is A x Ge
  • 简单:convertAndSendToUser 我在哪里获取用户名?

    在 Spring Boot 中 Websocket 我刚刚看到这个例子 messaging convertAndSendToUser username queue notifications new Notification You jus
  • 具有相同名称的命名参数

    我正在使用 caret 库对某些树进行一些交叉验证 该库提供了一个函数 称为train 它接受一个命名参数 方法 通过省略号 它应该让其他参数传递给它调用的另一个函数 这个另一个函数 rpart 采用同名参数 方法 因此我想传递两个同名的参
  • 符号与数字数学 - 性能

    与数值计算相比 符号数学计算 尤其是求解非线性多项式系统 是否会导致巨大的性能 计算速度 劣势 有这方面的基准 数据吗 找到一个相关问题 符号计算与数值计算 https scicomp stackexchange com questions
  • 如何配置 Protractor 使用 Cucumber

    As of 0 20 1 http ng learn org 2014 03 Protractor 0 20 1 Protractor 现在完全支持 Cucumber 但我正在努力寻找有关如何正确配置它的任何文档 知道如何设置 world
  • Python获取焦点条目名称

    我试图在按下向上或向下箭头键时增加或减少输入值 为此 我需要首先找到焦点所在的条目 我正在尝试这样做 focus get 问题是我无法弄清楚它是如何工作的或者它返回什么 它为每个条目返回 1 个唯一的数字 类似于 45191744 但每次我
  • jsdom 和 $(document).ready

    我看起来就像当我浏览一页时jsdom the document ready页面脚本中的块没有被执行 这是 HTML If everything works you should see a message here h2 h2
  • 为不同版本的python升级pip

    我的计算机上安装了两个版本的 python 3 6 和 3 7 刚刚使用命令将 pip 升级到最新版本 19 0 1 python m pip install upgrade pip不过我认为它只升级了 python 3 6 版本的 pip
  • Windows 版 Git Bash 无法使用“lein repl”命令

    我实际上使用 git bash 而不是默认的 Windows 命令 shell cmd 但我无法在 git bash 中运行 lein repl 它没有显示任何内容 我必须按 ctrl c 才能重新获得控制权 有什么建议吗 谢谢 EDIT
  • 非类型模板参数和要求

    我正在学习概念 我无法找到一种方法来限制非类型模板参数的值 而不是类型 Example https godbolt org z d48Gv1编译的代码 尽管我希望它没有 由于要求失败 include
  • Python 中的 Parallel.For

    Python中有类似C 优秀的Parallel For的东西吗 我只想做一个计算 simu c for c in clusterSizes 在平行下 存档的最简单方法是什么 PS 我尝试了 joblib 但在我的情况下 它只是启动 启动和启
  • HTTP/1.1 415 不支持的媒体类型 Excel 文件 Dawnload 问题

    我在 silverlight 目录中有 Excel 导出功能 用户右键单击目录 这将触发通过浏览器的下载 public static void ExportValues CatalogData data var excelData new
  • 从 Javascript 获取 InDesign CS5 中的当前页码

    获取光标所在页面的 DOM 表达式是什么 app activeDocument currentPage 你要 app activeWindow activePage name 这将为您提供字符串形式的实际页码名称 即 如果您的页面以罗马数字
  • 如何为后台网格行添加自定义删除选项

    我已经使用开发了可编辑网格backgrid http backgridjs com 而且看起来也不错 以下是我的输出 当我选择复选框并单击delete图标 则所选行将被删除 现在我还想在每一行上都有删除选项 以便用户可以直接删除该行 如何在