Разрыв метки узла панели дерева в extjs4

Question

это узел в дереве

{
  text:'more then a_veryverylongword ',
  leaf: true
}

Здесь проблема в том, что очень очень длинное слово не отображается, но если я изменяю размер панели, слово отображается?

Кто-то говорит мне, что я должен сделать, чтобы сломать слово? CSS не работает, чтобы изменить размер панели не вариант.

Спасибо

Answer 1

Вот пример отредактированного кода от sencha и его рабочего ...

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: 'more then a_veryverylongword ', leaf: true}
            ] },
            { text: "buy lottery tickets", leaf: true }
        ]
    }
});

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 250,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});