当前位置：文江博客话题详情

如何在 extjs4 网格中将行标记为只读？

发布于 2024-12-09 07:35:58 字数 74 浏览 0 评论 0原文

如何锁定可编辑网格中的行？

基于商店的参数之一，我想配置网格以显示针对该行的锁定符号，并锁定这些行以将它们标记为只读。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清风疏影 2024-12-16 07:35:58

要根据行（记录）字段向行添加符号，您可以使用渲染器此列或新符号列，如下所示：

columns : [{
    header : 'Locked',
    dataIndex : 'locked',
    renderer : function(value, metaData, record, rowIndex, colIndex, store, view) {
        if (record.data.locked == true) {
            return '<img src="img/lockedIcon.jpg">';
        } else {
            return '<img src="img/freeIcon.jpg">';
        }
     }
}]

要避免在行上进行编辑，您可以注册到 beforeedit 事件编辑器插件的。为了防止编辑，只需以某种方式取消事件，如下所示：

onBeforeEdit : function(object, options) {
    if (object.record.locked == true) {
        return false;
    } else {
        // do what is needed to start editing
    }
}

编辑： 您还可以使用存储参数而不是记录字段，但这将使锁定网格宽度而不是每行基础。

To add an symbol to a row depending on a row (record) field you can use a renderer for this column or a new symbol column, something like this :

columns : [{
    header : 'Locked',
    dataIndex : 'locked',
    renderer : function(value, metaData, record, rowIndex, colIndex, store, view) {
        if (record.data.locked == true) {
            return '<img src="img/lockedIcon.jpg">';
        } else {
            return '<img src="img/freeIcon.jpg">';
        }
     }
}]

To avoid editing on a row you could register to the beforedit event of the editor plugin. To prevent editing just cancel the event someway like this:

onBeforeEdit : function(object, options) {
    if (object.record.locked == true) {
        return false;
    } else {
        // do what is needed to start editing
    }
}

Edit: You could also use a store param instead of a record field, but this would make locking grid wide instead of per row basis.

回复收藏 0 原文

~没有更多了~