
Originally Posted by
Condor
You could use:
Code:
.x-tree-node a span {white-space: normal;}
(but I don't think you'll like the result)
Yes, I've already tried - no good
OK, I will try by myself
something like that
Code:
.x-tree-node a span
{
white-space: normal;
}
.x-tree-node td
{
vertical-align:top;
}
renderElements: function(n, a, targetNode, bulkRender) {
this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
var cb = a.checked !== undefined;
var href = a.href ? a.href : Ext.isGecko ? "" : "#";
var iconCls = a.iconCls || 'x-tree-node-icon';
var buf = ['<li class="x-tree-node"><table table border="0" cellpadding="0" cellspacing="0"><tbody><tr ext:tree-node-id="', n.id, '" class="x-tree-node-el x-tree-node-leaf x-unselectable ', a.cls, '" unselectable="off">',
'<td><span class="x-tree-node-indent">', this.indentMarkup, "</span></td>",
'<td><img src="', this.emptyIcon, '" class="x-tree-ec-icon x-tree-elbow" /></td>',
'<td><img src="', a.icon || this.emptyIcon, '" class="' + iconCls, (a.icon ? " x-tree-node-inline-icon" : ""), (a.iconCls ? " " + a.iconCls : ""), '" unselectable="on" /></td>',
cb ? ('<td style="padding-top:4px;"><img src="' + this.emptyIcon + '" class="x-tree-checkbox' + (a.checked === true ? ' x-tree-node-checked' : (a.checked !== false ? ' x-tree-node-grayed' : '')) + '" /></td>') : '',
'<td><a hidefocus="on" class="x-tree-node-anchor" href="', href, '" tabIndex="1" ',
a.hrefTarget ? ' target="' + a.hrefTarget + '"' : "", '><span unselectable="on">', n.text, "</span></a></td></tr></tbody></table>",
'<ul class="x-tree-node-ct" style="display:none;"/></ul>',
"</li>"].join('');
var nel;
if (bulkRender !== true && n.nextSibling && (nel = n.nextSibling.ui.getEl())) {
this.wrap = Ext.DomHelper.insertHtml("beforeBegin", nel, buf);
}
else {
this.wrap = Ext.DomHelper.insertHtml("beforeEnd", targetNode, buf);
}
this.elNode = this.wrap.firstChild.firstChild.firstChild;
this.ctNode = this.wrap.childNodes[1];
var cs = this.elNode.childNodes;
this.indentNode = cs[0].firstChild;
this.ecNode = cs[1].firstChild;
this.iconNode = cs[2].firstChild;
var index = 3;
if (cb) {
this.checkbox = cs[3].firstChild;
index++;
}
this.anchor = cs[index].firstChild;
this.textNode = cs[index].firstChild.firstChild;
}
but I need correct lines displaying