ajax ローディングでselect2を使用しようとしています。
これが私のコードです:
clonedTemplate.find('[id^=detailsPhaseFinanceMinor_]').select2({
placeholder: "Select",
minimumInputLength: 1,
ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
type: 'POST',
contentType: "application/json; charset=utf-8",
url: "mapBasic.aspx/GetFinSys",
dataType: 'json',
data: function (term, page) {
return "{'term':\"" + term + "\"}";
},
results: function (data, page) { // parse the results into the format expected by Select2.
// since we are using custom formatting functions we do not need to alter remote JSON data
return { results: data.Value };
}
}
});
ajax 呼び出しは、同じページの分離コード内の webmethod/pagemethod に対するものです。
[WebMethod]
public static List<LookupCodeItem> GetFinSys(string term)
{
string stringToCompareTo = term.ToLower();
List<LookupCodeItem> result = new List<LookupCodeItem>();
// FIN SYS
using (mapEntities db = new mapEntities())
{
List<MPO_FINSYS_AMT> finSysCodes = (from x in db.MPO_FINSYS_AMT
select x).ToList();
foreach (MPO_FINSYS_AMT item in finSysCodes)
{
string valKey = string.Format("{0}.{1}.{2}", item.FY, item.MDOT_MPO_CD, item.FIN_SYS);
LookupCodeItem x = new LookupCodeItem();
x.Value = valKey;
x.ShortDescription = string.Format("{0}.{1}.{2}", item.FY, item.MDOT_MPO_CD, item.FIN_SYS); ;
x.LongDescription = string.Empty;
result.Add(x);
}
}
return result;
}
テキストボックスにデータを入力すると、POST リクエストが行われ、json が適切にフォーマットされて送信されます。
ただし、pagemethod からの応答は、html ページ全体です。ajax 呼び出しで「contentType」が適切に設定されていない場合、ポスト メソッドでこれが発生する可能性があることを理解しています。ページで機能する他のすべての ajax 呼び出しと同じように設定しました (select2 を使用していません)。
select2 は「contentType」属性を無視しますか? それとも、私が間違ったことをしたことがありますか?
** 編集 ** これを投稿した後、この問題が select2 の github サイトにリストされているのを見つけました: 問題 492 - contentType のサポートを Ajax に追加する
contentType を渡さないようです。selet2 のビルトイン ajax ヘルパーをバイパスして、手動で定義したものを使用できますか?