Do it yourself Browser Demo
PartsBinBrowser
X

Menu
Instructions
X

Menu
1.  Start by fetching a PanedWindowTemplate from category 'Dan' in the PartsBin, 
and open an ObjectEditor (OE) on the panel (window content).  To save you time 
I've already done that here.  Please ignore all the methods showing in the OE.  
These will almost all be inherited and unseen when I'm done.  I've selected the 
tag "app methods" in the OE so you don't see those other methods here.
2.  Drop a list onto the panel.  You can get one from the PartsBin/inputs or the 
WorldMenu/Parts. [you should see several 'list1...' methods show up in the OE 
after the drop].
3.  Use the halo to change the name of this list to 'classPane' [ooh, all the 
method names change ;-], and then use the drag handle with alt key pressed to 
drag it to the top left of the panel.  Similarly use alt with the resize key to 
frame it to fill the top left quarter of the panel.
4.  Repeat steps 2 and 3 to put another list in the top right of the panel, and 
rename that one to 'selectorPane'.
5.  Repeat steps 2 and 3 to drop a text in the bottom half of the panel (you can 
get it from the worldMenu/Parts).  You may notice that it first zooms to the top 
left;  I dont know why either.  Rename that text to 'methodPane', and relocate 
it to fill the bottom half.
6.  Take a minute to enjoy the gridding and reframing support of the window.
7.  Now in the OE, browse to 'onLoad' and paste these two lines of code after 
the comment:
X
1
2
3
4
5
6
7
8
9
10
// changed at Mon Sep 30 2013 17:29:09 GMT-0700 (PDT) by Dan  
this.addScript(function onLoad() {  // this.onLoad()
    // Call a method here to initialize state upon loading
}).tag(["app methods"]);
// changed at Sat Sep 21 2013 12:54:33 GMT-0700 (PDT) by Dan  
this.addScript(function reset() {  // this.reset()
    //  Call a method to clear state for saving in parts bin
}).tag(["app methods"])
X
-- ALL --
onLoad
reset










Scripts
-- ALL --
Connections
+
+
-
-
<lively.morphic.Panel#AE943...>
Tag:
app methods
run
save
Tests

ObjectEditor
X

Menu
PanedWindowTemplate
X

Menu