Wednesday 26 March 2014

Format date on textbox in Lightswitch HTML client

The HTML client for Ligthswitch is nice, except that not everything is that easy to obtain as in the Silverlight version. So is formatting dates on 'view' screens. Despite setting it at the entity in the 'Server' part of the project, it doesn't show up on the HTML output.
Solution:
Add a 'postRender' script to the date field(s) you like to format.

  • Therefore, go to the (view)screen where you like to format the date.
  • Select the field which shows a date. Let say 'StartDate'.
  • Click on 'Write code' on top of the window and select 'StartDate_postRender'.
  • Add the following piece of code:

myapp.ViewProject.StartDate_postRender = function (element, contentItem) {
    // Write code here.
    contentItem.dataBind("value", function (value) {
        if (value) {
            $(element).text(value.format("dd-MM-yyyy"));
        }
    })
};


Done.

3 comments:

Kerry Schultz said...

It's really productive, you started to blog solutions of your daily problems... gives me an idea of my own!! Also what if the same problem occurs with the windows?

zafaranhachmeister said...

Betfred Casino & Hotel - Mapyro
Betfred Casino & Hotel 평택 출장안마 is a hotel 용인 출장마사지 on the Betfair boardwalk in the 인천광역 출장안마 Greater London Area. Built in 1946, 용인 출장안마 this hotel is 1.9 mi (2.5 km) from the 전라남도 출장안마

klaus said...

The Rush passport service was fantastic for our family trip not long ago. We needed passports sooner than expected due to a mix-up with our trip dates. The rescue arrived from the rush service, and it was shockingly swift. Instructing us step-by-step and checking that all paperwork was in order, customer service was top-notch. The assurance of receiving our passports in enough time for our journey was invaluable.