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: http://www.microsoft.com/en-us/download/details.aspx?id=38188). 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:

http://www.datazx.cn/Fv7p5a/6x-DE/y10q2an129q/2q7xs6/6mdggtxi-id9i-f4ij-s8ms-i94bt9tfcjg423rsdfd.html


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!!

Cya


Comments

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

    ReplyDelete
  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.

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

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

    ReplyDelete
    Replies
    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!

      Cheers

      Tore

      Delete

Post a Comment

Popular posts from this blog

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: Export-CliXml ConvertTo-JSON 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: (Hashdata.Object.ps1) 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 t

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"), Inte

Creating Menus in Powershell

I have created another Powershell module. This time it is about Console Menus you can use to ease the usage for members of your oranization. It is available on GitHub and published to the PowershellGallery . It is called cliMenu. Puppies This is a Controller module. It uses Write-Host to create a Menu in the console. Some of you may recall that using Write-Host is bad practice. Controller scripts and modules are the exception to this rule. In addition with WMF5 Write-Host writes to the Information stream in Powershell, so it really does not matter anymore. Design goal I have seen to many crappy menus that is a mixture of controller script and business logic. It is in essence a wild west out there, hence my ultimate goal is to create something that makes it as easy as possible to create a menu and change the way it looks. Make it easy to build Menus and change them Make it as "declarative" as possible Menus The module supports multiple Men