Dojo Datagrid:如何更改第一行的样式?

发布于 2025-01-08 07:36:29 字数 564 浏览 0 评论 0原文


我是 DoJo 开发的新手,所以这可能是基础的。
我创建了一个增强数据网格,它可以很好地显示数据。
数据来自不同页面中的 JSON 存储。
我有一个按钮,它会导致在数据存储中创建一个新条目,然后我的数据网格被“刷新”。这工作正常。
但现在我只想作为最后一步来更改数据网格中第一行的样式。 (我需要使新添加的行更加明显。)
但我根本不知道如何获取数据网格中第一行的句柄。

... 网格 = new dojox.grid.EnhancedGrid({
id:strId,
商店:商店,
结构:布局,
}, document.createElement('div'));
dojo.byId(placeHolder).appendChild(grid.domNode);
grid.startup();

var row = grid.getItem(0); // ---获取第一行。如何 ?以及如何应用新风格?
...

预先感谢您。

I am new to DoJo development so this could be basic.
I have created an EnhancedDatagrid and it shows the data fine.
The data comes from an JSON store in a different page.
I have a button which causes that one new entry is created in the datastore and then my datagrid is 'refreshed'. This works fine.
But now i want only as the last step to change the style of the first row in my datagrid.
(I need to make the newly added row more visible.)
But i simply can't figure out how to get a handle on the first row in a datagrid.

...
grid = new dojox.grid.EnhancedGrid({
id: strId,
store: store,
structure: layout,
}, document.createElement('div'));
dojo.byId(placeHolder).appendChild(grid.domNode);
grid.startup();

var row = grid.getItem(0); // ---get the first row. How ? And how to apply new style ?
...

Thank you in advance.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

仙女山的月亮 2025-01-15 07:36:29

解决了这样的问题:

dojo.connect(grid, 'onStyleRow', this, function (row) {
    var item = grid.getItem(row.index);
    if (row.index == 0) {
        row.customClasses = "highlightRow";
        row.customStyles += 'background-color:#FFB93F;';
    }

});

我使用“Claro”主题,它阻止我设置行单元格的背景颜色。
解决方案是将 customClasses 设置为如下样式:

.highlightRow tr
{ 
background-color: #FF6A00 !important;
}  

在这里找到解决方案的一部分:http://dojo-toolkit.33424.n3。 nabble.com/row-customStyles-was-overwrite-by-claro-theme-td3763079.html

Solved the problem like this:

dojo.connect(grid, 'onStyleRow', this, function (row) {
    var item = grid.getItem(row.index);
    if (row.index == 0) {
        row.customClasses = "highlightRow";
        row.customStyles += 'background-color:#FFB93F;';
    }

});

I use the 'Claro' theme and it prevented me to set the background color of the row-cells.
The solution was to set the customClasses to a style like this:

.highlightRow tr
{ 
background-color: #FF6A00 !important;
}  

Found part of the solution here: http://dojo-toolkit.33424.n3.nabble.com/row-customStyles-was-overwrite-by-claro-theme-td3763079.html

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文