剣道コンボボックスの設定デフォルト値

Question

私は剣道のコンボボックスに「Thing 1」と「Thing 2」という2つの項目があります。私は、 "Thing 1"をデフォルトで設定します。

これを行う方法がありますか？私はそれを見つけるように見えることはできませんが、私はプレースホルダ属性を "Thing 1"に設定していましたが、うまく機能しました。剣道のドキュメントでは、プレースホルダは「ウィジェットが空のときに表示されるヒントです。デフォルトでは設定されていません。プレースホルダを間違って使用していますか？

Answer 1

属性（これはプレースホルダと呼ばれていると思います）を使用して、選択のないテキストを指定します。これがリストから選択されると、選択された項目はヌルなので、デフォルト選択をnullにしない限り、デフォルトを設定する正しい解決策ではありません。選択は、ウィジェットインスタンスのselect()メソッドを呼び出すことによってプログラムで設定できます。次の例では、選択肢が「Thing1」に設定されます。

<div id="dropdownlist"></div> 

<script type="text/javascript"> 
    $("#dropdownlist").kendoDropDownList({ 
     dataSource: [ 
       'Thing1', 
       'Thing2', 
       'Thing3' 
      ], 
      optionLabel: "None" 
    }); 

    $("#dropdownlist").data("kendoDropDownList").select(1); 
</script> 

これを達成する唯一の方法ではありません。上の例では、命令型（JQuery）構文を使用してドロップダウンを宣言しています。あなたは、宣言、初期化とMVVMを使用している場合、あなたは選択をバインドすることができ、最後に

.Value("1") 

：あなたはASP.NET MVCサーバラッパーを使用している場合、値はたとえば、あなたが宣言で設定できる属性がありビューモデルの値に変換します。私はあなたがこのメカニズムを使用していないと仮定してMVVMの例で私の答えを複雑にしていません。

Answer 2

<script> 

     $(function() { 

      var data = [ 
       { text: "12 Angry Men", value: "1" }, 
       { text: "Il buono, il brutto, il cattivo.", value: "2" }, 
       { text: "Inception", value: "3" }, 
       { text: "One Flew Over the Cuckoo's Nest", value: "4" }, 
       { text: "Pulp Fiction", value: "5" }, 
       { text: "Schindler's List", value: "6" }, 
       { text: "The Dark Knight", value: "7" }, 
       { text: "The Godfather", value: "8" }, 
       { text: "The Godfather: Part II", value: "9" }, 
       { text: "The Shawshank Redemption", value: "10" }, 
       { text: "The Shawshank Redemption 2", value: "11" } 
      ]; 

      $("#movies").kendoComboBox({ 
       dataTextField: "text", 
       dataValueField: "value", 
       dataSource: data, 

      }); 
      let combobox = $("#movies").data("kendoComboBox");//This "instantiates it" 
      combobox.value("The Godfather"); 


     }); 

    </script> 

<input id="movies" /> 

結果：それは `$（ "＃のドロップダウンリスト"）でなければなりませんので