Убрать перенос строк в uniListBox

[x11]

Подскажите, пожалуйста, как убрать перенос текста у строк в TuniListBox?

И еще, как убрать нижнюю полосу прокрутки?

Спасибо.

[Sherzod]

6 minutes ago, x11 said:

как убрать перенос текста у строк в TuniListBox?

А как должно быть, с горизонтальной прокруткой!?

[x11]

сделать прокрутку только вверх-вниз, пусть текст прячется, обрезается....

[x11]

Еще вопрос.

Т.к. весь текст будет скрыт, то можно ли сделать так, чтобы на каждую строку былая своя всплывающая подсказка, чтобы в ней был полный текст строки?

Спасибо.

[Sherzod]

46 minutes ago, x11 said:

Т.к. весь текст будет скрыт, то можно ли сделать так, чтобы на каждую строку былая своя всплывающая подсказка, чтобы в ней был полный текст строки?

Попробуйте:

function beforeInit(sender, config)
{
    config.listConfig = {
        tpl: new Ext.XTemplate('<tpl for="."><li style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="{val}" role="option" unselectable="on" class="x-boundlist-item">{val}</li></tpl>')
    }
}

 

[x11]

Суппппер!

Почти то, что надо. Осталось скрыть нижнюю полосу прокрутки.

Я, честно говоря, слегка удивлен, что у листбокса нет свойства, отвечающего за полосы прокрутки.

[x11]

Такс... не совсем супер. Возникли проблемы. Исчезли чекбоксы и мультивыбор.

Как выбрать несколько строк?

[Sherzod]

26 minutes ago, x11 said:

Такс... не совсем супер. Возникли проблемы. Исчезли чекбоксы и мультивыбор.

Да, простите, при использовании чекбокса - да, там используется другой template, а мы перезаписываем (Хотя с мультивыбором я не увидел проблему).

[x11]

невозможно выбрать ни единой строки и свойство SelCount всегда возвращает 0

[Sherzod]

3 minutes ago, x11 said:

невозможно выбрать ни единой строки и свойство SelCount всегда возвращает 0

Ok. Тогда можно попробовать применить CSS, но мне кажется, для аттрибута title, нужно будет искать другое решение. 

[x11]

ну хотя бы без title

его можно выводить в каком-нибудь отдельном uniLabel

[Sherzod]

49 minutes ago, Sherzod said:

function beforeInit(sender, config)
{
    config.listConfig = {
        tpl: new Ext.XTemplate('<tpl for="."><li style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="{val}" role="option" unselectable="on" class="x-boundlist-item">{val}</li></tpl>')
    }
}

function beforeInit(sender, config)
{
    config.listConfig = {
        tpl: new Ext.XTemplate('<tpl for="."><li style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="{val}" role="option" unselectable="on" class="x-boundlist-item">{val}</li></tpl>')
    }
}

1. LayoutConfig -> Cls = customList

2. 

.customList .x-boundlist-item {
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}

 

[Sherzod]

50 minutes ago, x11 said:

Осталось скрыть нижнюю полосу прокрутки.

Кажется и этот вопрос решен.

[Sherzod]

32 minutes ago, x11 said:

ну хотя бы без title

 

35 minutes ago, Sherzod said:

но мне кажется, для аттрибута title, нужно будет искать другое решение

function afterrender(sender, eOpts)
{
    sender.tip = Ext.create('Ext.tip.ToolTip', {
        target: sender.el,
        delegate: '.x-boundlist-item',
        listeners: {
            beforeshow: function updateTipBody(tip) {
                tip.update(Ext.get(tip.triggerElement).dom.innerText);
            }                
        }
    });
}

 

[Sherzod]

54 minutes ago, x11 said:

ну хотя бы без title...

Показ всплывающей подсказки, только тогда, когда текст обрезается:

function afterrender(sender, eOpts)
{
    sender.tip = Ext.create('Ext.tip.ToolTip', {
        target: sender.el,
        delegate: '.x-boundlist-item',
        listeners: {
            beforeshow: function updateTipBody(tip) {
                var tm = new Ext.util.TextMetrics(); 
                var _width = tm.getSize(Ext.get(tip.triggerElement).dom.innerText).width;
                
                var _someValueToAddWidth = 44;
                
                if (_width+_someValueToAddWidth >= sender.getWidth()) {
                    tip.update(Ext.get(tip.triggerElement).dom.innerText);
                } else {
                    return false;
                }
            }                
        }
    });
}