DBからautocomplete（）のJquery varに値を渡すことはできますか？

Question

$(function() { 
    var availableTags = [ 
      "ActionScript", "AppleScript","Asp","BASIC", 
        "C","C++","Clojure","COBOL","ColdFusion","Erlang", 
        "Fortran","Groovy","Haskell","Java","JavaScript","Lisp", 
        "Perl","PHP","Python","Ruby","Scala","Scheme"]; 
    $("#mdatepicker").autocomplete({ 
     source: availableTags 
    }); 
}); 

上記のスニペットはjquery.orqです - ASP.NETでDB-MS SQL Serverから取得する必要がある製品のうち1つのアレイを作成できますか？

Answer 1

JSONを返すメソッドを記述し、jqueryスクリプトでこのメソッドを呼び出し、js配列に結果を組み込む必要があります。

Answer 2

Therはこれを達成するために多くの方法をとっていますが、データベースから取得した値を含むサーバー側を作成する隠しフィールドを追加するのが最も簡単な方法です。

//connect to your database and retreive your data and insert it into hf.value. 
hF.Value = "the values retreived must be separated by a ',' " 
hF.ID = "hF"; 
// add your control to the webpage. 

とjQueryは

$(function() { 
    var availableTags = $("#hF").val().split(','); 
    $("#mdatepicker").autocomplete({ 
     source: availableTags 
    }); 
}); 

になります。この情報がお役に立てば幸いです。

Answer 3

List<string> myAutoList = new List<string>() ; 

      myAutoList.Add("Grand Trust"); 
      myAutoList.Add("iSmart"); 
      myAutoList.Add("F5 Tech"); 
      StringBuilder script = new StringBuilder(); 
      script.Append("var availableTags = [ "); 
      foreach (string str in myAutoList) 
      { 
       script.Append("'"); 
       script.Append(str.ToString()); 
       script.Append("', "); 
      } 
      script.Remove(script.Length - 2, 2); 
      script.Append(" ];"); 

      ClientScript.RegisterClientScriptBlock(GetType(), "MyScript", script.ToString(), true); 

とJavaScriptで同じことを行う必要があります。

$(function() { 
//   if (availableTags == null) 
//   { 
//    var availableTags = [ 
//    'ActionScript', "AppleScript", "Asp", "BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java", 
//    "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; 
//   } 

     $("#mdatepicker").autocomplete({ 
      source: availableTags 
     }); 
    }); 

Answer 4

最良の方法は、そのためのAJAX呼び出しを使用することです。

ASP.NETアプリケーションでは、自動完成のためのエンティティの配列を返すWCF Webサービスの.ASMXが必要です。

ガイドラインのほんの一例です。

サーバー側（WCF）：クライアント側で

public IList<Product> GetProductsStartWith(string productName) { 
    // ask db here and return results 
    return productList; 
} 

、あなたはデータを持っているあなたのWebサービスを照会する必要があり、

var startWith = $('#input').val(); 
$.getJson('/WebService/GetProductsStartWith', startWith, function(response) { 

    $("#mdatepicker").autocomplete({ 
     source: response.d 
    }); 
});