dojo dgrid 多个单元格编辑

2023-12-06

是否可以同时编辑 dgrid 的多个单元格?

我知道我们可以通过双击/单击该单元格一次编辑一个单元格并更新它。并在onBlur该单元格的编辑数据将针对该单元格进行更新。

但我的要求是:

  1. 单击每行的编辑链接/编辑按钮,这将显示该行所有可编辑单元格的编辑器,
  2. 更新/编辑单元格,
  3. 然后单击同一行的保存按钮(位于编辑按钮旁边),
  4. 单击“保存”链接/图标后,编辑的单元格的值应保存到商店/服务器中。

以下是网格的一些列。

// one of the editable columns others are also similar to this one.. 
          editor({
                    label:"Outcome", 
                    field:"outcome", 
                    sortable: false, 
                    editorArgs: {
                        options:[
                                  {value: "1", label: "Opt1"},
                                  {value: "2", label: "Opt2"},
                                  {value: "3", label: "Opt3"},
                                ]
                    }, 
                    renderCell: function(row, value, td, options){
                        put(td, "div", outcomeOptionsMap[value] || '');
                    }
                }, Select, "dblclick" ),


// last column
                {label:"Actions", field:"actions",sortable: false, 
            renderCell: function(row, value, td, options){
            newValue = "<a href=\"#\" title=\"Edit\" onclick='editEntireRow(testgrid,event);'><img src='../static/images/edit.gif'/></a>";
            newValue = "<a href=\"#\" title=\"Save\" onclick='saveRow(testgrid,event);'><img src='../static/images/edit.gif'/></a>";
            newValue += "  <a href=\"#\" title=\"Delete\" onclick='testgrid.store.remove("+row.id+");'><img src='../static/images/delete_icon.png'/></a>";
            td.innerHTML = newValue;
            }   

顺便说一句,我使用 dojo.store.JsonRest 作为 store 。
网格声明

var MyGrid = declare([Grid, Selection, Keyboard]);
window.testgrid = new MyGrid( 
    {
        store       : Observable(Cache(jsonRest, Memory())),
        selectionMode : "none",
        getBeforePut: false,
        columns: getColumns,
        allowSelectAll: true,
        minRowsPerPage: 5,
        maxRowsPerPage: 20,
    }, "gridContainer");

目前我正在尝试类似的事情,但没有工作......

function editEntireRow(grid,event){
// cols 3,5,7,8 steps to the left of the Action column are editable
grid.edit(grid.left(grid.cell(event),3));
grid.edit(grid.left(grid.cell(event),5));
grid.edit(grid.left(grid.cell(event),7));
//grid.edit(grid.left(grid.cell(event),8));
}

None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

dojo dgrid 多个单元格编辑 的相关文章

  • 使用 WMI 查找服务的依赖关系,然后区分依赖的服务和依赖的驱动程序

    MSDN 上有一个代码示例 它使用 WMI 枚举特定服务的所有依赖项 http msdn microsoft com en us library aa393673 v vs 85 aspx http msdn microsoft com e
  • 如何从 JavaScript 中计算 HTML 表格的渲染高度?

    调整窗口大小时 我需要知道表格有多大 以便我可以动态地很好地适应中间的所有其他内容 表格高度仅取决于动态加载的内容 如何在 JavaScript 中计算表格的渲染高度 您可以使用element offsetHeight https deve
  • Javascript 与 Python 关于 Python 'map()' 函数的比较

    Python中有一个函数叫做map这可以让你去 map someFunction x y z 并继续应用该功能的列表 是否有与此功能等效的 JavaScript 我现在刚刚学习Python 虽然我被告知javascript是函数式语言 但我
  • 检查用户是否连接到 Facebook,然后检查他是否喜欢某个页面

    有没有什么方法可以检查用户是否在我的外部页面上连接到 Facebook 而不让他们允许我的应用程序之一 同样的问题也适用于 检查用户是否喜欢某个页面 我检查了大约 20 个问题和 3 4 个教程 似乎所有问题都在讨论内部脚本 粉丝页面 应用
  • 如何使用 axios / jest 测试失败的请求

    我创建了一个非常小的应用程序 如果您传递硬币和数量 它可以计算为某些加密货币支付的总价格 我想测试错误 但我总是收到 收到的承诺已解决而不是被拒绝 我相信这是因为如果 url 错误 axios 仍然会解决承诺 我遇到的第二个问题是 我尝试测
  • 如何获取 RxJSSubject 或 Observable 的当前值?

    我有 Angular 2 服务 import Storage from storage import Injectable from angular2 core import Subject from rxjs Subject Inject
  • 如何从表中选择所有偶数 id?

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java
  • HTML5 服务器端事件:EventSource 与包装的 WebSocket

    HTML5 服务器发送事件 SSE API 是否只是 HTML5 WebSocket 之上的受限制的 基于事件的 API 在我看来 一个EventSource只是一个WebSocket that Cannot send data 使用tex
  • 提交前验证表单(比检查空字段更复杂)

    我有一个包含时间输入的表单 具体来说 开放时间和结束时间 当按下提交按钮时 它会转到一个 php 页面 其中这些输入将添加到数据库中 在允许提交表单之前我想检查一些事情 例如 我想确保开始时间早于 小于 结束时间 这是表格 Opens
  • 使用 Javascript / Jquery 的本地存储(不使用 HTML5)

    我想在 javascript 或 jquery 中复制本地存储概念 类似于 HTML5 但不幸的是我不知道如何开始 任何人都可以建议如何使用 javascript 或 jquery 实现本地存储 不使用 HTML5 这是一个有点愚蠢的差事
  • 引入 V8 后,Google Apps 脚本无法为其他用户完全执行

    我编写了一个脚本 得到了这里好心人的大力帮助 该脚本使用 Google Sheets 脚本复制 Google Drive 上的文件夹 和内容 它运行了很长一段时间 但后来我启用了 V8 引擎 现在已禁用 问题是 它仍然适用于我 也许还有其他
  • ReactJS:从没有 onChange 事件的 props 中选择默认值?

    所以 我只是想知道我是否绝对需要在 React 中的选择组件上有一个 onChange 事件处理程序 我有一个道具传递我想要选择的选项的默认值 如果我有的话 它就没有问题
  • 空 URL 哈希导致页面在 js 事件上跳转

    我有一个带有下一个和上一个按钮的照片库 如果我的某个 javascript 方法由于某种原因被破坏 那么当单击其中一个按钮时 它会向 url 添加一个哈希值 即 www google com 我知道可以给散列一个 div id 来跳转到页面
  • Web SQL 数据库 + Javascript 循环

    我正在尝试解决这个问题 但我自己似乎无法解决 我正在使用 Web SQL DB 但无法让循环正常使用它 I use for var i 0 i lt numberofArticles 1 i db transaction function
  • 使用 onBlur 事件上的值更新 React 输入文本字段

    我有以下输入字段 在模糊时 该函数调用服务来更新服务器的输入值 完成后 它会更新输入字段 我怎样才能让它发挥作用 我可以理解为什么它不允许我更改字段 但我能做些什么才能使其工作 我无法使用defaultValue因为我会将这些字段更改为其他
  • 将 JavaScript 引擎嵌入到 .NET 中 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 只是想知道是否有人尝试过将任何 js 引擎嵌入并实际集成到 net 环境中 我可以找到并实际使用 经过L
  • Javascript 选择 onchange='this.form.submit()'

    我有一个带有选择和一些文本输入的表单 我希望在更改选择时提交表单 使用以下方法可以正常工作 onchange this form submit 但是 如果表单还包含提交按钮 则当选择更改时 表单不会提交 我猜有某种冲突 我在这里有什么选择
  • Meteor.js 登录事件

    因此 我对 Meteor 框架和 JavaScript 总体来说还很陌生 但我正在使用该框架开发一个小项目 以尝试让自己达到标准 基本上我正在开发一个微博客网站 目前 用户可以通过多种服务登录 fb google 等 我通过插入所需 url
  • 如何根据所需表单输入的值更改 CSS 样式

    我想知道如何编写 javascript 来改变所需的表单元素的样式 如果它们有价值的话就改变它们 我想要做的是当所需的文本字段为空时 在它们周围有一个彩色边框 并在它们有值时删除边框样式 我想做的是编写一个 javascript 函数来检查
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c

随机推荐

  • Rails 在多个实例/服务器上重新加载动态路由

    我们如何强制 Rails 在多个服务器 实例上重新加载路由 我们在 Google App Engine 中拥有一个在 5 个以上实例上运行的多租户平台 我们希望所有站点都能从后端定义自己的一组路由 每当我们有一个新站点时 我们目前都必须重新
  • Android canvas - 画一个洞

    在Android中用canvas可以实现如下图吗 我想要一个洞 而不仅仅是在黄色的红色层上有一个圆圈 我用我的以下代码尝试了这个 但失败了 onDraw Method canvas drawBitmap yellow 0 0 paint c
  • 为什么EF Core没有设置自定义注解?

    在 DbContext 中我声明模型如下 modelBuilder Entity
  • SQL Server XACT_ABORT 排除

    我有一个更大的存储过程 它利用多个 TRY CATCH 块来捕获并记录各个错误 我还在过程的整个内容周围封装了一个事务 以便能够在沿途某个地方发生错误时回滚整个过程 以防止大量混乱的清理 XACT ABORT 已启用 否则它不会回滚整个事务
  • 将字符串分割成一定大小的块

    假设我有一个字符串 string str 1111222233334444 我怎样才能把这个字符串分成一定大小的块 例如 将其分解为 4 的大小将返回字符串 1111 2222 3333 4444 static IEnumerable
  • React-Table 的导入问题

    我正在使用react table库在react中创建一个表 几天前 我使用同一个库创建了一个表 没有遇到任何问题 但今天我收到以下错误 尝试导入错误 react table 不包含默认导出 导入为 ReactTable 进口声明 从 反应表
  • C# 中带有布尔条件的三元

    如果我要编写这段代码 它可以与正常的 if else 布局一起正常工作 if isOn i 10 else i 20 虽然我不确定如何使用三元运算符进行转换 isOn true i 1 i 0 错误 无法确定条件表达式的类型 因为 void
  • 如何覆盖默认的 Liferay 登录身份验证?

    我正在使用 Liferay 6 1 我想覆盖默认的 Liferay 登录身份验证并希望设置我的自定义身份验证 到目前为止 我所做的是 我创建了一个钩子插件 并在 Portal properties 文件中设置了以下属性 auth pipel
  • 将 MSBuild PublishProfile 与 Visual Studio 2012 结合使用时,MSDeploy 跳过规则

    我正在尝试使用 WebDeploy 通过自定义 MSDeploy 跳过规则和 Visual Studio 2012 中保存的发布配置文件来发布网站 我可以从命令行使用发布配置文件 但跳过删除文件夹的跳过规则不起作用 我有一个ErrorLog
  • 具有相同密钥的多个条目:24.0.0 rc4=24.0.0 rc4

    将 Android Studio 升级到 2 2 3 后 显示错误 IllegalArgumentException 具有相同密钥的多个条目 24 0 0 rc4 24 0 0 rc4 和 24 0 0 rc4 24 0 0 rc4 最近更
  • 从 VS Code 在终端中运行文件

    是否有任何 VS Code 快捷方式可以让您在 Windows 终端中运行文件 而无需将文件的路径直接写入终端 提前致谢 Try key ctrl shift t command workbench action terminal send
  • 内联汇编的“现实”用途有哪些? [复制]

    这个问题在这里已经有答案了 有什么是我们可以在汇编中做但在原始 C 中不能做的吗 或者有什么在组装中更容易做的事情吗 是否有任何现代代码实际上是使用内联汇编编写的 或者它只是作为遗留或教育功能实现 内联汇编 以及相关说明 调用纯粹用汇编语言
  • Eclipse ADT Bundle 在 Mint 16 Petra 上突然崩溃

    我最近在我的笔记本电脑 四核 8 GB 内存 上安装了 Linux Mint 16 Petra Cinnamon 64 位 我下载了适用于 Linux 64 位 的 ADT Bundle 当我开始使用 Eclipse 在 Android 中
  • 用于跟踪 Visual Studio 中项目的总工作时间的附加组件

    VS2010 是否有一个扩展可以跟踪项目上花费的总时间 因此 开发人员可以看到他为特定解决方案的开发贡献了多少时间 None
  • 在 Jinja2 中合并多个列表

    有没有办法在 Jinja2 的列表中组合多个列表 例如 如果我有 foo moo py jinga template example stack overflow 我期望得到 foo moo py jinga template exampl
  • 如何对包含异步的函数返回的值使用 List.sort?

    我有这个代码 widget items sort a b await getItemDistance a true await getItemDistance b false return itemADistance compareTo i
  • PySide 如何在 python 控制台中查看 QML 错误?

    我有以下代码 if name main os environ QT QUICK CONTROLS STYLE Material app QGuiApplication sys argv engine QQmlApplicationEngin
  • 带条件的正则表达式

    我有一个表 其中存储某些单词或单词组 我想选择以大写字母开头 不包含空格且仅包含字母的条目 我的 SQL 看起来像这样 select word from words where w id gt 100 AND word REGEXP A Z
  • 如何在 TensorFlow 的 MNIST 示例中获取预测的类标签?

    我是神经网络新手 并浏览了针对初学者的 MNIST 示例 我目前正在尝试在 Kaggle 的另一个没有测试标签的数据集上使用此示例 如果我在没有相应标签的测试数据集上运行模型 因此无法像 MNIST 示例中那样计算准确性 我希望能够看到预测
  • dojo dgrid 多个单元格编辑

    是否可以同时编辑 dgrid 的多个单元格 我知道我们可以通过双击 单击该单元格一次编辑一个单元格并更新它 并在onBlur该单元格的编辑数据将针对该单元格进行更新 但我的要求是 单击每行的编辑链接 编辑按钮 这将显示该行所有可编辑单元格的