Creating A Desktop Experience Using Wijmo Grid In LightSwitch HTML Client

Question

Currently the LightSwitch HTML Client is in preview and creates HTML pages for mobile devices. However, it can be used to create non-mobile web pages using custom JavaScript controls. For example, A data grid is not that useful in a mobile application (because it is hard to navigate with fingers on a touch device), but it is a normal part of the non-mobile desktop experience.

In this example, we will incorporate the Wijmo Grid Control into Visual Studio LightSwitch...

http://lightswitchhelpwebsite.com/Blog/tabid/61/EntryId/172/Creating-A-Desktop-Experience-Using-Wijmo-Grid-In-LightSwitch-HTML-Client.aspx

---

The Visual Studio LightSwitch Marketplace

http://LightSwitchHelpWebsite.com

Answer 1

Many thanks, Michael!  We'll be digging into this to determine the feasibility of integrating commercial HTML components suites with LS.

---

Garth Henderson - Vanguard Business Technology

Answer 2

At this point I think this article is just a conversation starter.  People will probably complain that when you delete a record it is odd because you have to:

1)      Select record
2)      Hit Delete (nothing happens visually after you do this)
3)      Hit Save (not intuitive)
4)      Hit Refresh

I could have fixed #2 but I felt it would have required me to add a bunch of JavaScript that would have complicated the code that I was trying to get people to see.

#3 and #4 will be hopefully addressed in my next article where I try to make a button that will automatically save and refresh a page. I hope to call a .ashx page that uses serverContext to perform the save, and then wrap that call in a Promise object and then refresh the page.

The next release of the LightSwitch HTML Client will probably have additional features and these problems wont exist.

---

The Visual Studio LightSwitch Marketplace

http://LightSwitchHelpWebsite.com

Answer 3

Hi Michael,

Thank you very much. It is very helpful for me. I am trying for Wijimo grid paging. I add some code in Wijimo.cs  like;

allowPaging : true,
pageSize : 8,

PageSize:8 does work but allowPaging does not work. Because paging buttons still  are not visible.

Have you got any idea ?

Best regards.

Answer 4

Hi Michael,

Thank you very much. It is very helpful for me. I am trying for Wijimo grid paging. I add some code in Wijimo.cs  like;

allowPaging : true,
pageSize : 8,

PageSize:8 does work but allowPaging does not work. Because paging buttons still  are not visible.

Have you got any idea ?

Best regards.

There is a lot more to it. Basically you would have to call the "Load()" method that returs a promise object and then hook the paging to that. I plan to cover that in a future Blog post. Right now I am waiting for more sample code from the LightSwitch Team. They are very busy so we have to wait.

---

The Visual Studio LightSwitch Marketplace

http://LightSwitchHelpWebsite.com

Answer 5

#3 and #4 will be hopefully addressed in my next article where I try to make a button that will automatically save and refresh a page. I hope to call a .ashx page that uses serverContext to perform the save, and then wrap that call in a Promise object and then refresh the page.

---

The Visual Studio LightSwitch Marketplace

http://LightSwitchHelpWebsite.com

I did that here:

Saving Data In The Visual Studio LightSwitch HTML Client (Including Automatic Saves)

---

The Visual Studio LightSwitch Marketplace

http://LightSwitchHelpWebsite.com

Answer 6

Hi Michael,

I will try to make visible  paging buttons with your giving infrmation. If I can not, of course , I will wait.

Thanks for your help.