沃梦达 / 编程技术 / 前端开发 / 正文

关于 extjs:Resolving Dirty Flag in Ext.grid.Panel cell

沃梦达教程前端开发

2022-09-15

Resolving Dirty Flag in Ext.grid.Panel cell在 Ext JS 网格中，我正在编辑单个单元格。在其中一列中，我有一个触发 Save 事件的 Save 按钮。如何删除已编辑...

在 Ext JS 网格中，我正在编辑单个单元格。在其中一列中，我有一个触发 Save 事件的 Save 按钮。如何删除已编辑单元格中的脏标志(在下图中的红色框中)？我不知道如何使用代理执行创建、更新和销毁选项，因为文档中有一个很好的示例，所以我计划对这些步骤进行 AJAX 请求，直到我可以进行实际的 Sencha 培训。但是，如果我直接使用存储和代理，脏标志会自行解决，我宁愿以正确的方式进行操作。

JavaScript 代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

}, {
header: 'Save',
xtype: 'actioncolumn',
align: 'center',
width: 50,
sortable: false,
items: [{
icon: './Scripts/extjs/examples/shared/icons/fam/add.gif',
tooltip: 'Save Row',
handler: function (grid, rowIndex, colIndex) {
store.sync();
alert('saving');
}
}]
}, {
header: 'Delete',
xtype: 'actioncolumn',
align: 'center',
width: 50,
sortable: false,
items: [{
icon: './Scripts/extjs/examples/shared/icons/fam/delete.gif',
tooltip: 'Delete Task',
handler: function (grid, rowIndex, colIndex) {
store.removeAt(rowIndex);
store.sync();
alert('deleting');
}
}]
}

相关讨论

试试这个：

1
2
3
4
5
6
7
8

// you can keep the way you are creating your Grid
Ext.create('Ext.grid.Panel', {
// other options
// these configs are sent to Ext.view.Table through Ext.grid.View
viewConfig: {
markDirty: false
}
});

我没有测试它，但我认为这就是你需要的。看看：

http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.grid.View
http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.view.Table
http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.view.Table-cfg-markDirty

阅读 Ext.view.Table 类的描述，你就会明白做了什么。

相关讨论

Grid 反映了底层 Store 的状态，它是基于您的数据模型的记录集合。因此，在弄清 Ajax 代理之前，作为一种捷径，您可以这样做：

1
2
3
4
5
6
7
8

// Save handler
handler: function(grid, rowIndex, colIndex) {
store.sync(); // Doesn't work now

store.getAt(rowIndex).commit(); // Commit changes, clearing dirty flag

alert('Record should now be clear');
}

相关讨论

沃梦达教程

本文标题为：关于 extjs:Resolving Dirty Flag in Ext.grid.Panel cell

上一篇：关于 extjs：Ext.ux.form.field.DateTime 问题

下一篇： ExtJS 3.x DateField menuListeners 显示/隐藏

基础教程推荐

学习Bootstrap5

猜你喜欢

分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
第7天:CSS入门 2022-11-04
ECSHOP中实现ajax弹窗登录功能 2023-01-31
Vue+WebSocket实现在线聊天 2023-10-08
深入浅析Jsonp解决ajax跨域问题 2022-12-28
关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
vue的 Mixins (混入) 2023-10-08
基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01