У меня есть поле со списком в extjs с установкой minWidth. когда я выбираю самую длинную строку из списка выбора. строка усекается в текстовом поле поля со списком. как избежать усечения строки для просмотра полной строки, которую мы выбрали из списка.Как избежать обрезания текста в окне выбора в extjs
Сделайте коробку шире. Ext не будет делать это автоматически. Минимальная ширина полей формы для случаев, когда панель/контейнер вокруг нее может быть изменена, и поле формы имеет значение flex, но из поля формы поле никогда не будет изменяться в зависимости от содержимого поля.
Если вы по-прежнему хотите изменить размер своего поля с контентом, вы можете посмотреть here для подхода, как реализовать это вручную.
использовал Ext.util.TextMetrics для измерения ширины самой длинной строки в моем списке после заполнения хранилища combobox, а затем в зависимости от измеренной ширины, изменил ширину поля со списком. Спасибо, Александр. – Priyanka
Используйте listConfig configuartion в комбо и примените требуемый css для удаления truncate. Пожалуйста, просмотрите мой пример.
.withOutTruncate{
word-wrap: break-word;
}
`var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data: [{
"abbr": 'largeText',
"name": 'testtesttesttesttestetsetetetetetetetetehjghh'
}, {
"abbr": "AL",
"name": "Alabama"
}, {
"abbr": "AK",
"name": "Alaska"
}, {
"abbr": "AZ",
"name": "Arizona"
}]
});
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose State',
store: states,
listConfig: {
cls: 'withOutTruncate'
},
queryMode: 'local',
valueField: 'abbr',
renderTo: Ext.getBody(),
displayField: 'name'
});
Примечание: я не очень хорошо разбираюсь в css. Я пробовал со словом-разрывом, он отлично работает в моем конце, но вы применяете свойства текста css, чтобы сделать его работу намного лучше.
Просьба описать больше того, что вы сделали до сих пор; ваш HTML и JS, несомненно, будут более полезны при решении проблемы. Что касается проблемы, вы можете использовать всплывающую подсказку, чтобы показать усеченное значение в качестве альтернативы. – User528491
У меня есть поле выбора и магазин, который я заполняю с сервера. из-за заполнения x-form-text мой последний график с выбранной строки получает усеченный. Я хочу избежать усечения. – Priyanka