Skip to main content

Lightswitch - HTMLclient

It has been to long since my last post. As everyone else I have had trouble with finding time to blog. 

Recently I have been playing with the new Visual Studio Lightswitch (you can get update 2 here: Why is it so cool, because it is pure HTML5 and will run in any modern browser being Mac, PC, tablet, IPAD, Iphone, Androd etc. 

There are some nice posts out there to get you started, however I was looking for a way to on-the-fly created dropdown lists boxes (what we call ChoiceList in Lightswitch). I found this blogpost about someone else wondering about the same thing:

That guy Huy is pretty awesome (he as an answer to almost every question), and I felt all hope was lost when he stated that it was not possible. Reading further down, I noticed this guy pointing me in the right direction. Apparently the choice "field" has a variable for holding the choiceItems. 

Off we go then. Lets create a local data item on an edit screen and create a dummy item in the choice list:

Then add the data item to the edit list:

Run the application to see that our choice list is rendered:

Yes, it is working fine. Now let's write a little javascript to create the content in the dropdown:

First open the code editor:

var myDropdown;
var myValues = new Array();
myapp.AddEdittblProduct.created = function (screen) {
    // Write code here.
    choice = screen.findContentItem("CodeChoice");
    myValues[0] = { "value": 1, "stringValue": "Dropitem1" };
    myValues[1] = { "value": 2, "stringValue": "Dropitem2" };
    myValues[2] = { "value": "Dropitem3", "stringValue": "Dropitem3" };
    myValues[3] = { "value": "Dropitem3", "stringValue": "Dropitem4" };
    choice.choiceList = myValues;

Lets run it again and see what we have:

There you go. You can now add items to a dropdown in code.

I have no idea if this is a supported solution, the Lightswitch team will have to comment on that. In the mean time, please use it at your own risk. 

NOTE! If you skip adding an dummy item to the choicelist, this metod will not work!!



  1. Very nice, but how do you bind your Choice list back to your data?

  2. Does anyone know how do we bind dropdown list from a view ?
    And once user select data from dropdown, how to we assign back to Database.

  3. Is there an example like this that will work with VS 2015?

  4. Is there an example for dynamically populating choice lists in the LightSwitch HTML client using VS 2015?

    1. Hi, not that I know of. Lightswitch is currently in the dark. Last blogpost is from 2014 and I cannot find any news about it since. Someone mentioned something about a patent lawsuit against Microsoft. Hopefully we will hear something about in at Ignite 2016, however chances are slim to say the least!




Post a Comment

Popular posts from this blog

Toying with audio in powershell

Controlling mute/unmute and the volume on you computer with powershell.

Add-Type -TypeDefinition @' using System.Runtime.InteropServices; [Guid("5CDF2C82-841E-4546-9722-0CF74078229A"), InterfaceType(ComInterfaceType.InterfaceIsIUnknown)] interface IAudioEndpointVolume { // f(), g(), ... are unused COM method slots. Define these if you care int f(); int g(); int h(); int i(); int SetMasterVolumeLevelScalar(float fLevel, System.Guid pguidEventContext); int j(); int GetMasterVolumeLevelScalar(out float pfLevel); int k(); int l(); int m(); int n(); int SetMute([MarshalAs(UnmanagedType.Bool)] bool bMute, System.Guid pguidEventContext); int GetMute(out bool pbMute); } [Guid("D666063F-1587-4E43-81F1-B948E807363F"), InterfaceType(ComInterfaceType.InterfaceIsIUnknown)] interface IMMDevice { int Activate(ref System.Guid id, int clsCtx, int activationParams, out IAudioEndpointVolume aev); } [Guid("A95664D2-9614-4F35-A746-DE8DB63617E6"), Interfa…

Serialize data with PowerShell

Currently I am working on a big new module. In this module, I need to persist data to disk and reprocess them at some point even if the module/PowerShell session was closed. I needed to serialize objects and save them to disk. It needed to be very efficient to be able to support a high volume of objects. Hence I decided to turn this serializer into a module called HashData.

Other Serializing methods

In PowerShell we have several possibilities to serialize objects. There are two cmdlets you can use which are built in:
Both are excellent options if you do not care about the size of the file. In my case I needed something lean and mean in terms of the size on disk for the serialized object. Lets do some tests to compare the different types:


You might be curious why I do not use the Export-CliXML cmdlet and just use the [System.Management.Automation.PSSerializer]::Serialize static method. The static method will generate the same xml, however we …

Build your local powershell module repository - ProGet

So Windows Powershell Blog released a blog a couple of days ago (link). Not too long after, a discussion emerged about it being to complicated to setup. Even though the required software is open source (nugetgalleryserver), it looks like you need to have Visual Studio Installed to compile it. I looked into doing it without visual stuidio, however I have been unable to come up with a solution. I even tweeted about it since I am not an developer. Maybe someone how is familiar with “msbuild” could do a post on how to do it without VS.

Anyhow one of my twitter-friends (@sstranger) came to the rescue and pointed me in the direction of ProGet, hence the title of this post. ProGet comes in 2 different licensing modes
Free (reduced functionality)Enterprise (paid version with extra features)The good news is that the free version supports hosting a local PowershellGet repository which was my intention anyway. So off we go and create a Configration that can install ProGet for us. This is the conf…