extjs - ExtJS カレンダーで日付を無効にする

Question

カレンダーで特定の日付を無効にしたい。これを行うコードがありますが、このコードでは日付が静的に読み込まれます。データベースから日付のリストを取得する必要があります。

データベースからデータを取得する方法は知っていますが、ストアからビュー配列にデータを渡す方法がわかりません。誰かがそれを解決するのを手伝ってくれますか?

dateArray = ["06/17/2007","06/01/2007","05/17/2007","05/01/2007"];

dateField = new Ext.form.DateField({
            format:"m/d/Y",
            disabledDates:["^("+dateArray.join("|")+").*$"],
            disabledDatesText:"Date not available."
});

Answer 1

disabledDatesconfig オプションは日付の配列を受け入れるため、ストアが手元にあると言っている場合は、次のようにするだけです。

var disabledDates = [];
store.each(function(record){
    disabledDates.push(record.get('putYourDateFieldNameHere'));
});
dateField = new Ext.form.DateField({
            format:"m/d/Y",
            disabledDates: disabledDates,
            disabledDatesText:"Date not available."
});

Answer 2

試す...

var disabledDates = [];
store.each(function(record){
    disabledDates.push(record.get('putYourDateFieldNameHere'));
});
dateField = new Ext.form.DateField({
            format:"m/d/Y",
            disabledDatesText:"Date not available."
});
dateField.setDisabledDates(disabledDates);