クライアントからのDevExpress MVCコンボボックスを無効にする方法（JS/JQuery）

Question

イベントに基づいてフォームを無効にしようとしています。私はテーブル/ divなどのすべての入力を無効にするJQueryスクリプトを持っていますが、DevExpressコンボボックスは引き続きユーザーがオプションを選択できるようにします。コントロールの入力部分は無効になっていますが、選択ボタンとドロップダウンは機能しています。

DevExpressクライアントAPIとJqueryの新機能ですが、私の質問は次のとおりです。JQueryをクロスブラウザと互換性のある方法で無効にするにはどうすればよいですか？ここで

は、IDのドットを持っている場合、あなたは二重のバックスラッシュを使用する必要があります私は現在持っている

// jQueryのコード

// Disable all input types in the table 
$('#addressTable :input').attr('disabled', true); 

// Disable DevExpress MVC Combobox **(Fails)** 
$('#StateProvinceType.StateProvinceTypeId').SetEnabled(false); 

// HTML拡張コード

@Html.DevExpress().ComboBox(settings => 
{ 
    settings.Properties.DropDownStyle = DropDownStyle.DropDown; 
    settings.Name = "StateProvinceType.StateProvinceTypeId"; 
    settings.Properties.ValueType = typeof(int); 
}).BindList(Model.States).GetHtml() 

Answer 1

：について

$('#StateProvinceType.StateProvinceTypeId') 

を：だから、変更する必要があります"ASPxClientControl.GetControlCollection（）。GetByName（）"メソッド（JavaScript仕様のため）。クライアント側のAPIを有効にすることを忘れないでください：

@Html.DevExpress().ComboBox(settings => { 
    settings.Name = "StateProvinceType.StateProvinceTypeId"; 

    settings.Properties.Items.Add("1", "1"); 
    settings.Properties.Items.Add("2", "2"); 
    settings.Properties.Items.Add("3", "3"); 

    settings.Properties.EnableClientSideAPI = true; 
}).GetHtml() 

<input type="button" onclick="OnClick();" value="Toggle" /> 

<script type="text/javascript"> 
    var enabled = true; 

    function OnClick() { 
     var comboBox = ASPxClientControl.GetControlCollection().GetByName("StateProvinceType.StateProvinceTypeId"); 
     comboBox.SetEnabled(!enabled); 
     enabled = !enabled; 
    } 
</script> 

そうでない場合は、クライアント側のプログラムオブジェクトがグローバルコンテキストで直接提供されています：

@Html.DevExpress().ComboBox(settings => { 
    settings.Name = "comboBox"; 

    settings.Properties.Items.Add("1", "1"); 
    settings.Properties.Items.Add("2", "2"); 
    settings.Properties.Items.Add("3", "3"); 

    settings.Properties.EnableClientSideAPI = true; 
}).GetHtml() 

<input type="button" onclick="OnClick();" value="Toggle" /> 

<script type="text/javascript"> 
    var enabled = true; 

    function OnClick() { 
     comboBox.SetEnabled(!enabled); 
     enabled = !enabled; 
    } 
</script> 

Answer 2

ものです。 名前/ClientInstanceNameプロパティは、ドットで区切られた場合、経由して、「ウィンドウ」オブジェクトから取得する必要がある

$('#StateProvinceType\\.StateProvinceTypeId')