如何突出显示新插入的Extjs网格行？
如何突出显示新插入的Extjs网格行？
提问于 2011-09-12 00:03:39
你知道如何突出显示新插入的行吗？
我尝试使用store的add事件，它给出了最后插入的记录和记录索引。
但是如何引用它来突出显示网格行呢？
这就是商店。
Ext.create('Ext.data.Store', {
model : 'invoice_model',
storeId : 'invoice_store',
proxy : {
type: 'memory'
},
listeners : {
add : function(s, r, i){
console.log(r)
}
}
});问候
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-09-12 04:54:39
假设"i“是记录在网格上的索引(因此是网格中行的索引)：
Ext.fly(myGrid.getView().getNode(i)).highlight("highlight color", {
attr: 'color', duration: 5000
});但是，如果插入的记录始终位于第一行，则只需在添加记录后指定第一行：
Ext.fly(myGrid.getView().getNode(0)).highlight("highlight color",{
attr: 'color', duration: 5000
});要突出显示行的背景颜色，可以向新插入的行添加一个突出显示类：
CSS：
.myHighlight{
background : your-highlight-color
}JS
Ext.fly(myGrid.getView().getNode(0)).addCls("myHighlight");然后在突出显示完成后将其删除：
Ext.fly(grid.getView().getNode(0)).removeCls("myHighlight");Stack Overflow用户
发布于 2011-09-12 00:18:00
在您的add函数中，尝试
Ext.fly(myGrid.getView().getNode(r.getId())).highlight("0000ff", { attr: 'color', duration: 2 });
将突出显示配置更改为您的首选项
编辑
Store的add事件为我们提供了一个已添加的记录数组。如果您想突出显示所有这些元素，可以遍历数组并为数组中的每个记录调用上面的代码片段。如果你想突出显示特定的一个，(可能是第一个或最后一个)，从数组中获取它并调用上面的代码片段。在上面的代码片段中，r指的是特定的记录。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7379456
复制相关文章
相似问题
腾讯云开发者
