Есть ли способ запретить Html.ListBoxFor обрезать текст переполнения выбранного элемента? - PullRequest
Новая
       2

Есть ли способ запретить Html.ListBoxFor обрезать текст переполнения выбранного элемента?

0 голосов
/ 20 мая 2019

У меня есть список аксессуаров для телефонов, и запись в списке является комбинацией его materialNumber и имени - иногда он становится длиннее и превышает ширину списка.(Html.ListBoxFor)

Я решил добавить к нему горизонтальную прокрутку, но при добавлении переполнения первая попытка была внутри проверки элемента в chrome, затем я добавил его в коде. 

@Html.ListBoxFor(model => model.myId, MyModel, new { @id = "my-id :)", @class = "form-control input-md", @size = 9, @style="overflow: auto;"})

КакЗапланированный горизонтальный свиток появился и работал отлично, пока я не выбрал элемент.Выбранный элемент обрезается в тот момент, когда заканчивается исходное поле списка.

Вот ссылка на скрипку, показывающая проблему: https://jsfiddle.net/yf0cgm9x/ при выборе длинных имен они обрезаются.

Любойбыла такая проблема?

1 Ответ

0 голосов
/ 20 мая 2019 
Try this:
    <div>
<div style="width:200px; padding-right:10px;border: 3px solid #73AD21;">

<select class="form-control input-md" id="available-accessories-box" multiple="multiple" name="SelectedAccessoryId" size="9" style="width:200px; overflow:scroll; display: block;">
<optgroup label="Headset">
<option style="overflow:wrap;" value="1">[11111111]aaaa</option>
<option style="overflow:wrap;" value="48">[22222]TOOOOOOO LOOOOONNNNNGGGGG1</option>
<option style="overflow:wrap;" value="50">[333333333]TOOOO LOOONGGGGG3</option>
<option style="overflow:wrap;" value="208">[444444]Hheadset5</option>
<option style="overflow:wrap;" value="226">[5555555]real headset by MSI</option></optgroup>
<span class="field-validation-valid" data-valmsg-for="SelectedAccessoryId" data-valmsg-replace="true"></span>

</div>

</div>
...