どのように配列変数を変更するのですか

Question

私はIGcomboboxデータソースのdataという変数配列を持っています。私は#selectをクリックして配列を変更したいのですが、どうすればいいですか？このコードでは、変数は変更されません。また、私はちょうどPHPを使用することができますが、私はそれをしたくない！

<div id="checkboxSelectCombo" name="kanal" style="position:absolute;" ></div> 

<select id="seade" name="seade">   
    <?php for($i = 1; $i <= $devi; $i++) { 
    echo '<option value="' . $i . '">' .$device_name[$i]. '</option>'; 
    } ?> 
</select> 

$(function() { 
    var data = [ 
    { ID: "1", Name: "Vooluandur 1" }, 
    { ID: "2", Name: "Meeter 1" } 
    ]; 

    $("#seade").on('click', function(event) { 
    console.log($("#seade").val()); 
    if ($("#seade").val() == 2) { 
     var data = [ 
     { ID: "3", Name: "Vooluandur 2" }, 
     { ID: "4", Name: "Meeter 2" } 
     ]; 
    } 
    }); 

    $("#checkboxSelectCombo").igCombo({ 
    width: "100px", 
    dataSource: data, 
    textKey: "Name", 
    valueKey: "ID", 
    multiSelection: { 
     enabled: true, 
     showCheckboxes: true 
    } 
    }); 
}); 

Answer 1

あなたはこの試みることができる：（ただし、それを実行しなかった）

$("#seade").on('change', function(event) { 
    if (this.value == 2) { 
     data = [ 
      { ID: "3", Name: "Vooluandur 2" }, 
      { ID: "4", Name: "Meeter 2" } 
     ]; 
    } 
}); 

Answer 2

をデータ変数を変更するigComboデータソースには影響を与えませんので、私は、解決策を見つけた私は変更することができますこの

var data2 = [{ 
    ID: "3", 
    Name: "Vooluandur 2" 
    }, 
    { 
    ID: "4", 
    Name: "Meeter 2" 
    } 
]; 

$("#seade").on('change', function(event) { 
    if (this.value == 2) { 
     $("#checkboxSelectCombo").igCombo({ 
      dataSource: data2, 
      textKey: "Name", 
      valueKey: "ID", 
     }); 
    } 
}); 

ドキュメント・ソースのようなdatasouce変数：http://www.igniteui.com/help/igcombo-data-binding

Answer 3

は、データソースを更新するために何かを発見した、それはあなたが、このラインを置く

$（「＃checkboxSelectCombo」）以下のあなたの「データ」変数を更新

を働くことを願っています。igCombo（「オプション」、 "データソース "、データ）。

これは、データソースを変更し、コンボをリバインドする必要があります。