4

私はComboBox、DatePickerなどのいくつかのKendoUI要素を使用しています。すべてが正常に機能しますが、これらの要素が実際に手動入力を許可するという1つの大きな問題があります。

たとえば、comboBoxで入力すると、テキストボックスがアクティブになり、<select>タイプリスト要素を使用する目的が損なわれます。これは、日付ピッカーの場合と同じです。

では、これらの手動入力を無効にして、ユーザーを利用可能なオプションからの選択のみに制限する方法をガイドできますか。

<input id="date" value="@DateTime.Now.Date"/>
<select name="need" id="need">
                            <option value="1">High</option>
                            <option value="2">Normal</option>
                            <option value="3">Low</option>
                        </select>
<script type="text/javascript">

     $("#date").kendoDatePicker();
     $("#need").kendoComboBox();
</script>

親切に助けてください。

4

4 に答える 4

5

日付ピッカーが無効になっている場合、サーバーに送信されません。代わりに、読み取り専用属性を使用することをお勧めします。

于 2013-03-25T20:42:46.673 に答える
3

手動入力を拒否するには、telerikテンプレート内の入力テキストボックスにアクセスする必要があります。

var input = $(#"combobox").data("kendoComboBox").input;
input.attr("readonly", "readonly");
于 2014-06-09T19:37:00.240 に答える
2

ユーザーにテキストを入力させたくない場合は、コンボボックスの代わりにDropDownListを使用してください。日付ピッカーの場合、jQueryを使用して日付ピッカーに変換する入力要素を簡単に無効にできます。

このフィドルを参照してください：

  $(document).ready(function() {
        // create DatePicker from input HTML element
          var datepicker =      $("#datepicker").kendoDatePicker();
          $("#datepicker").prop('disabled', true);
            });
于 2013-03-25T14:43:46.920 に答える
0

ケースが編集可能なコンボボックスでない場合、dropdownbox（）はcombobox（）の代わりにそのように機能します。

于 2017-07-18T15:28:43.763 に答える