0

cshtml ビューにドロップダウン リストがあります。ただし、一部の文字列は長すぎて 1 行に表示できません。下の画像のように：

ここに画像の説明を入力

ドロップダウンリストに特定の数の文字のみが表示されるように設定する必要があり、マウスが文字列全体の上に置かれると、ツールヒントテキストと同様にシーンになります。

<div class="span11">
        @Html.DropDownList("specificationList", new SelectList(ViewBag.Specifications, "SpecificationId", "Name", ViewBag.SpecificationId), new { @class = "dropdown-toggle" })
    </div>
4

2 に答える 2

0

css text-overflowを使用します：省略記号

于 2013-02-28T10:41:34.617 に答える
0

<option>ここでの問題は、DropDownListFor ヘルパーがタグにカスタム属性を設定できないことにあります。ツールチップを機能させるには、次のマークアップを生成する必要があります。

<select name="specificationId">
    <option value="1" title="some very long description">item 1</option>
    <option value="2" title="some very long description 2">item 2</option>
    <option value="3" title="some very long description 3">item 3</option>
    ...
</select>

これを実現するには、ビューにスパゲッティ コードを記述してモデルの値を手動でループするか (まったく推奨されません)、このマークアップを出力できるようにするカスタム HTML ヘルパーを記述します。でそのようなヘルパーの例を示しましたthis post。そしてまたhere。もちろん、ヘルパーを調整して、アイテムのテキストが特定の文字数よりも長い場合は切り捨てられるようにすることもできます。

于 2013-02-28T10:39:45.163 に答える