0

ここで問題が発生しています。複数の列を持つことができるように、項目のテンプレートを使用する剣道ドロップダウン リストがあります。また、より多くのスペースが必要なので、ドロップダウンの幅よりもリストの幅が大きくなります。つまり、私は使用しました

this.list.width(400);

リストのdataBoundでも、リストを適切に表示できるようにします。ここで、項目の列に名前を付けるためにヘッダーを追加する必要があるため、次を追加しました。

this.list.find("ul").prepend(header);

dataBound イベントでも同様です。私が使用しているテンプレートは Div で構成されており、ヘッダー HTML も Div にあることを明確にする必要があります。ヘッダーは問題ないように見えますが、ドロップダウンはうまく機能しません。最初の項目を選択すると 2 番目の項目が選択され、最後の項目を選択すると次の項目が見つからないためエラーが発生します。ヘッダー HTML でテーブルを使用してみましたが、それでも同じ問題が発生します。テキストのみを使用する場合 (これは私のニーズを満たしていません)、ドロップダウンはうまく機能します。なぜそれが起こっているのか誰か教えてもらえますか？ドロップダウンリストの全体的な動作を台無しにしないヘッダーを持つ方法を誰か教えてもらえますか?

注: 単純なテキストを使用することはできません。ドロップダウン リストの列の位置に従ってヘッダーのスタイルを設定する必要があります。

4

2 に答える 2

0

この問題 (私が思いついた) の最善の方法は、別の dataItem を追加して、dataTextField の値を「Select」または任意の値にし、dataValueField の値を「0」または任意のデフォルト値にすることです。

于 2013-07-31T09:06:18.893 に答える
0

dataBound イベントが原因である可能性がありますが、その時点ではまだ早すぎる可能性があります (そうです、その後、他に便利なイベントはありません)。openドロップダウンが初めて開かれたときにヘッダーを追加します (イベント : )。

kendo ドロップダウン リストのデモ ページを開いたところです。Chromeでは、k-animation-container の<div>header</div>直前に追加されたヘッダーを検査します。<ul>正常に動作します-ヘッダーがあります-色は必要に応じて変化し続けます。テンプレートのデモの例についても同じ話です。( http://demos.kendoui.c​​om /web/dropdownlist/index.html )。

   <div class="k-list-container k-popup k-group k-reset" id="color-list"  ...>
     <div>header</div>
     <ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="color_listbox" aria-live="off" style="overflow: auto;">
            <li tabindex="-1" role="option" unselectable="on" class="k-item">Black</li>
            <li tabindex="-1" role="option" unselectable="on" class="k-item">Orange</li>
            <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" id="color_option_selected" aria-selected="true">Grey</li>
       </ul>
    </div>
于 2013-06-06T16:25:23.103 に答える