[CLOSED] Date Picker show special date

[trePjt]

I want to add a date picker that can access remote data. And show some highlight for special date according to the remote data.
And I want to add some event listener on date picker, like show detail info for the special date when mouse over on that date.
Is it possible to do with datepicker? Can you provide some code sample?
I find CalendarPanel may suitable with this situation, but it to complex in presentation and even in coding. I just want a simple and small calendar.

[Daniil]

Hi @trePjt,

I think it might be possible with a DatePicker, but I am not 100% sure. Anyway, we have no such an example.

Let's go further step by step. It is better to start a new forum thread for each step.

The first one we can discuss in the current thread.

I want to add a date picker that can access remote data.

Please elaborate on that. What exactly do you mean by that?

[trePjt]

hi Daniil,

Actually I will prepare a Dataset/Datatable. One of the column is datetime. I want to bind this Dataset/Datatable to the datepicker then have some further effect base on the datasource.

[Daniil]

I think you can attach that data to a DatePicker via its CustomConfig.

Or, maybe, you could bind the data to a Store. Then read from that Store and put in a DatePicker when needed.

[trePjt]

Or, maybe, you could bind the data to a Store. Then read from that Store and put in a DatePicker when needed.

I prefer the second solution, as the dataset already bind to a gridpanel. I can reuse it.

Can you provide some code example? Thank you!

[Daniil]

Well, I meant something like this:

var specialDates = [];

store.each(function(record) {
    specialDates.push(record.data.specialDateField);
});

datePicker.specialDates = specialDates;

You could listen to a Store's Load event to apply this action.
http://docs.sencha.com/extjs/4.2.1/#...ore-event-load