Page Menu
Home
c4science
Search
Configure Global Search
Log In
Files
F90053121
toc.html
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Mon, Oct 28, 21:31
Size
6 KB
Mime Type
text/html
Expires
Wed, Oct 30, 21:31 (2 d)
Engine
blob
Format
Raw Data
Handle
21999791
Attached To
R4897 i2b2-webclient
toc.html
View Options
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta
http-equiv=
"content-type"
content=
"text/html; charset=utf-8"
>
<title>
Default TreeView
</title>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"../js-ext/yui/build/fonts/fonts-min.css"
/>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"../js-ext/yui/build/treeview/assets/skins/sam/treeview.css"
/>
<script
type=
"text/javascript"
src=
"../js-ext/yui/build/yahoo-dom-event/yahoo-dom-event.js"
></script>
<script
type=
"text/javascript"
src=
"../js-ext/yui/build/treeview/treeview-min.js"
></script>
<!--begin custom header content for this example-->
<style>
#treeDiv1
{
background
:
#fff
;
padding
:
1em
;}
</style>
<!--end custom header content for this example-->
</head>
<body
class=
"yui-skin-sam"
>
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
<div
id=
"treeDiv1"
></div>
<script
type=
"text/javascript"
>
//global variable to allow console inspection of tree:
var
tree
;
//anonymous function wraps the remainder of the logic:
(
function
()
{
//function to initialize the tree:
function
treeInit
()
{
buildRandomTextNodeTree
();
}
//Function creates the tree and
//builds between 3 and 7 children of the root node:
function
buildRandomTextNodeTree
()
{
//instantiate the tree:
tree
=
new
YAHOO
.
widget
.
TreeView
(
"treeDiv1"
);
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Find Terms"
,
href
:
"ft.html#ftView"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"ft.html#ftIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Navigation"
,
href
:
"ft.html#ftNavigation"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Searching Terms"
,
href
:
"ft.html#ftSearch"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Searching Modifiers"
,
href
:
"ft.html#ftModSearch"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Using Terms"
,
href
:
"ft.html#ftUseTerms"
,
target
:
"right"
},
tmpNode
,
false
)
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Navigate Terms"
,
href
:
"navTerms.html#ntView"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"navTerms.html#ntIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Navigation"
,
href
:
"navTerms.html#ntNavigation"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Using Terms"
,
href
:
"navTerms.html#ntUseTerms"
,
target
:
"right"
},
tmpNode
,
false
)
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Previous Query"
,
href
:
"pq.html#pqView"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"pq.html#pqIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Navigation"
,
href
:
"pq.html#pqNavigation"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Using a Previous Query"
,
href
:
"pq.html#pqUsePq"
,
target
:
"right"
},
tmpNode
,
false
)
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Query Tool"
,
href
:
"qt.html#qtView"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"qt.html#qtIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Creating a Query"
,
href
:
"qt.html#qtCreateQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Running a Query"
,
href
:
"qt.html#qtRunningQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Cancel a Query"
,
href
:
"qt.html#qtCancelQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Saving a Query"
,
href
:
"qt.html#qtSaveQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Printing a Query"
,
href
:
"qt.html#qtPrintQuery"
,
target
:
"right"
},
tmpNode
,
false
)
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Temporal Query Tool"
,
href
:
"tqt.html#tqtView"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"tqt.html#tqtIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Creating a Query"
,
href
:
"tqt.html#tqtCreateQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Running a Query"
,
href
:
"tqt.html#tqtRunningQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Cancel a Query"
,
href
:
"tqt.html#tqtCancelQuery"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Saving Query"
,
href
:
"tqt.html#tqtSaveQueryGrp"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Printing a Query"
,
href
:
"tqt.html#tqtPrintQuery"
,
target
:
"right"
},
tmpNode
,
false
)
var
tmpNode
=
new
YAHOO
.
widget
.
TextNode
({
label
:
"i2b2 Workplace"
,
href
:
"wp.html"
,
target
:
"right"
},
tree
.
getRoot
(),
false
);
new
YAHOO
.
widget
.
TextNode
({
label
:
"Introduction"
,
href
:
"wp.html#wpIntro"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Navigation"
,
href
:
"wp.html#wpNavigation"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Adding Items to Workplace view"
,
href
:
"wp.html#wpAddToWp"
,
target
:
"right"
},
tmpNode
,
false
)
new
YAHOO
.
widget
.
TextNode
({
label
:
"Using Items in Workplace view"
,
href
:
"wp.html#wpUseItems"
,
target
:
"right"
},
tmpNode
,
false
)
// for (var i = 0; i < Math.floor((Math.random()*4) + 3); i++) {
// var tmpNode = new YAHOO.widget.TextNode("label-" + i, tree.getRoot(), false);
// tmpNode.collapse();
// tmpNode.expand();
// buildRandomTextBranch(tmpNode);
// buildLargeBranch(tmpNode);
// }
// Expand and collapse happen prior to the actual expand/collapse,
// and can be used to cancel the operation
tree
.
subscribe
(
"expand"
,
function
(
node
)
{
YAHOO
.
log
(
node
.
index
+
" was expanded"
,
"info"
,
"example"
);
// return false; // return false to cancel the expand
});
tree
.
subscribe
(
"collapse"
,
function
(
node
)
{
YAHOO
.
log
(
node
.
index
+
" was collapsed"
,
"info"
,
"example"
);
});
// Trees with TextNodes will fire an event for when the label is clicked:
tree
.
subscribe
(
"labelClick"
,
function
(
node
)
{
YAHOO
.
log
(
node
.
index
+
" label was clicked"
,
"info"
,
"example"
);
});
//The tree is not created in the DOM until this method is called:
tree
.
draw
();
}
//function builds 10 children for the node you pass in:
function
buildLargeBranch
(
node
)
{
if
(
node
.
depth
<
10
)
{
YAHOO
.
log
(
"buildRandomTextBranch: "
+
node
.
index
,
"info"
,
"example"
);
for
(
var
i
=
0
;
i
<
10
;
i
++
)
{
new
YAHOO
.
widget
.
TextNode
(
node
.
label
+
"-"
+
i
,
node
,
false
);
}
}
}
//Add an onDOMReady handler to build the tree when the document is ready
YAHOO
.
util
.
Event
.
onDOMReady
(
treeInit
);
})();
</script>
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
</body>
</html>
Event Timeline
Log In to Comment