List in List

Question

Lightswitch HTML: I display a master list and would like to display an embedded second minor list that depends on the item of the master list.
I can only do a binding with the "selectedItem" of the master list but I do not want to be obligated to click (select) manually an item on the master list to be able to show the second list.
It is the famous question of being able to display a kind of tree list.
Is there any hints about that?
Yves Pflieger

Answer 1

Hi Yves,
You will have to try doing a bit of creative rendering, but here is a possible pattern.
And now for some sample render code...
myapp.ProductsLists.Id2_postRender = function (element, contentItem) {
myapp.ProductsLists.getConfigs(contentItem.value.toString(), element);
myapp.ProductsLists.Id3_postRender = function (element, contentItem) {
myapp.ProductsLists.getConfigs(contentItem.value.toString(), element);
myapp.ProductsLists.Id4_postRender = function (element, contentItem) {
myapp.ProductsLists.getConfigs(contentItem.value.toString(), element);
myapp.ProductsLists.getConfigs = function getConfigs(id, element) {
myapp.activeDataWorkspace.ApplicationData.ProductConfigurationsByProductId(id)
.execute()
.then(function (response) {
var list = "";
msls.iterate(response.results).each(function (item) {
list += "<div style='border: 1px solid rgb(240, 240, 255)'>" + item.Name + "</div>";
$(element).html("<div style='border: 1px solid rgb(109, 197, 255);'>" + list + "</div>");
}, function (error) {
$(element).text("error");
Custom rendering code and async child collection retrieval, all in a few lines of code.
Enjoy
Dave
Dave Baker | AIDE for LightSwitch | Xpert360 blog | twitter : @xpert360 | Xpert360 website | Opinions are my own. For better forums, remember to mark posts as helpful/answer.