AtomicGameEngine-Examples/UIPeriodicTable/JavaScript/Resources/Components/code_uilistview.js

'use strict';
var utils = require("Scripts/utils");

exports.init = function(mylayout,mylogger) {

    var mlvw = mylayout.getWidget("UIListViewDemo"); // get the container
    if (mlvw !== null) {
        mylogger.setText( "UIListView : already initialized");
        return; // already initialized.
    }

// note : the UIListView widget does not have a corresponding Turbobadger widget, its ALL Atomic.
// so we have to build it in source code / scripting

    var myListview = new Atomic.UIListView();  // make a List...view
    myListview.id = "UIListViewDemo"; // tag it, in case we want to get it again later

    var lpx = new Atomic.UILayoutParams();  // size it just right
    lpx.width = 256;
    lpx.height = 256;
    lpx.minWidth = 256;
    lpx.minHeight = 256;
    lpx.maxWidth = 256;
    lpx.maxHeight = 256;
    myListview.layoutParams = lpx;

    var mylvc = mylayout.getWidget("listviewcontainer"); // get the container layout
    mylvc.addChild(myListview);  // drop it in


	// OMG what the heck was he thinking!
   
   	// there is no external way of converting a name to an itemLookup_ ???

	var rootsids = [];	// now fill it up

	var id1 = myListview.addRootItem("root1", "", "root1");
	rootsids.push(id1);
	var id2 = myListview.addChildItem(id1, "rootish2", "", "root2");
	rootsids.push(id2);
	var id3 = myListview.addChildItem(id1, "rootish3", "", "root3");
	rootsids.push(id3);
	var id4 = myListview.addChildItem(id1, "rootish4", "", "root4");
	rootsids.push(id4);
 	var id5 = myListview.addChildItem(id1, "rootish5", "", "root5");
	rootsids.push(id5);

	var nn;
	for ( nn=7; nn<55; nn++)
		rootsids.push( myListview.addChildItem(id2, "child " + nn, "", "child " + nn ) );

	myListview.setExpanded(id1,true);
	myListview.setExpanded(id2,false);

     myListview.subscribeToEvent("UIListViewSelectionChanged", function (ev) {
 			 var selectedId = myListview.selectedItemID; /// hmmm same as the refid...
   			 mylogger.setText( "UIListView action : " + myListview.id + "  refid=" +  ev.refid + "  selected=" +  ev.selected + " sid=" + selectedId );
		});

/*
	myListview.subscribeToEvent( "WidgetEvent", function (ev) {
     	//if (  ev.target == myListview ) // ev.type == Atomic.UI_EVENT_TYPE_CLICK &&" selected entry id = " + ev.refID +
                mylogger.setText( "UIListView action : " + myListview.id + " target= `" + ev.target.id + "` refID=`" + ev.refID + "` event type = " + ev.type);
    });
*/


};