Как отформатировать границы сетки дерева ExtJS - PullRequest
Новая
       19

Как отформатировать границы сетки дерева ExtJS

1 голос
/ 15 марта 2011

Так что я думал, что форматирование границ в сетке дерева extjs будет основным, но я не смог найти решение после нескольких часов попыток и осмотра.Проблема, с которой я сталкиваюсь, заключается в том, что мои границы и ширина не совпадают между столбцами и строками (пробовал прикрепить скриншот, но не смог, так как впервые на сайте)Я попытался определить границы непосредственно при создании столбца: 

columns:[{header: 'H6',dataIndex: 'hour6',width: 210, border: 1}]

, а также в XTemplate, где я устанавливаю цвет фона ячейки (не думал, что это будет работать, но думал, что попробую):

columns: [{header: 'H6',dataIndex: 'hour6',width: 210,              
    tpl: new Ext.XTemplate('{duration1:this.doFormat}', {
        doFormat: fn(v){
            if (v == 1) {return '<span style="background-color: red; width: 100%; border: 1">' + v + '</span>';}
        else {return '<span style="background-color:' + currentcolor + '; width: 100%; border: 1">' + v + '</span>';}
        }
    })
}]

Кто-нибудь знает, как отформатировать границы сетки дерева, чтобы решить эту проблему?

Спасибо.

1 Ответ

1 голос
/ 15 марта 2011

Лучше всего, чтобы мы использовали классы CSS через опцию конфигурации cls в вашем определении столбца или манипулировали стилем css непосредственно в элементе столбца.Граница между строками сетки установлена ​​в классе .x-treegrid-col. 

// set the border on all rows to red
.x-treegrid-col {
    border-bottom: 1px solid red;
}

Хотя я не совсем уверен, чего вы хотите достичь, загрузите снимок экрана в http://tinypic.com/и вставьте ссылку на него в исходное сообщение, это может помочь.

...