[CLOSED] Reloading a DatePicker

[ATLAS]

When I set a date I want to refresh the datepicker so the highlighting is updated and the date is shown. At present the only way I can do this is through a document.location.reload(); to refresh the entire screen which is not ideal.

The datepicker is in a partial - is it possible to refresh just the partial? Or ideally just the datepicker! The datepicker has a beforeRender function to load the dates from the database which needs to be run on refresh.

The datepicker will be in a panel if the panel is refreshed does that also trigger a reloading of the ext.net components within it?

[Daniil]

Hi @ATLAS,

I guess this JavaScript call should do what you need.

App.DatePicker1.update(App.DatePicker1.value);

[ATLAS]

That doesn;t seem to work at all

$.post(url, { "": dayNo })
            .success(function (result) {
                // refresh partial view here
                //document.location.reload();
                App.HighlightDates.update(App.HighlightDates.value);
                
                
            })
            .error(function (result) {
                //console.log("FAILS:" + result);
                alert("Cannot Set this date as Unavailable:" + result);

            }
            );

for

Html.X().DatePicker()
                        .ID("HighlightDates")

Hi @ATLAS,

I guess this JavaScript call should do what you need.

App.DatePicker1.update(App.DatePicker1.value);

[Daniil]

Please read #3 here:
http://forums.ext.net/showthread.php?10205

[ATLAS]

oops

$.post(url, { "": dayNo })
.success(function (result) {
// refresh partial view here
//document.location.reload();
App.HighlightDates.update(App.HighlightDates.value );


})
.error(function (result) {
//console.log("FAILS:" + result);
alert("Cannot Set this date as Unavailable:" + result);

}
);

for

Html.X().DatePicker()
.ID("HighlightDates")

Please read #3 here:
http://forums.ext.net/showthread.php?10205

[Daniil]

There is the following in the second sentence of the item #3:

Please do not repost the same code block in a new post... just EDIT your original post.

Please do not repost in the future.

Seems I don't quite follow what you exactly mean under "reload DatePicker". Please elaborate. What exactly do you need to be reloaded? Is something in the DatePicker configured in the View using the Model and you need to reload it with the new Model?

[ATLAS]

I am selecting unavailable dates to be highlit, writing to the database and want to reload the datepicker so that it displays the selected date as a highlit date which it does from a beforeRender function

There is the following in the second sentence of the item #3:

Please do not repost in the future.

Seems I don't quite follow what you exactly mean under "reload DatePicker". Please elaborate. What exactly do you need to be reloaded? Is something in the DatePicker configured in the View using the Model and you need to reload it with the new Model?

[Daniil]

How does the beforeRender listener look?

[ATLAS]

.Listeners(l =>
                        {
                            l.Render.Handler = "this.todayBtn.hide()";
                            l.BeforeRender.Fn = "getEvents";
                            l.Select.Fn = "ConfirmMe";
                        }

and getEvents is

function getEvents() {
        var url = "/Api/AssessorApi/RetrieveUserUnavailabilitiesForCalendar";
        $.ajax({
            url: url,
            type: "post",
            cache: false,
            success: function (result) {
                console.log(result);
            },
            error: function () {
                alert(GlobalResources.FailedToGetEvents);
            }
        });
    }

How does the beforeRender listener look?

[Daniil]

I expected to see the code which do the following:

it displays the selected date as a highlit date which it does from a beforeRender function

Apart from a console.log call I don't see anything. Please clarify what is the beforeRender listener supposed to do?

A full test case to reproduce the problem is appreciated.