88 lines
2.9 KiB
JavaScript
88 lines
2.9 KiB
JavaScript
|
/**
|
||
|
|
* Bootstrap Tree Example
|
||
|
|
*
|
||
|
|
* Copyright 2012 Cutters Crossing
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
* ========================================================================
|
||
|
|
* This file is to show some ways of working with the Bootstrap Tree component
|
||
|
|
*/
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This is a quick example of capturing the select event on tree leaves, not branches
|
||
|
|
* (We're going to work on this a bit)
|
||
|
|
*/
|
||
|
|
$("body").on("nodeselect.tree.data-api", "[role=leaf]", function (e) {
|
||
|
|
|
||
|
|
var output = "<p>Node <b>nodeselect</b> event fired:<br>"
|
||
|
|
+ "Node Type: leaf<br>"
|
||
|
|
+ "Value: " + ((e.node.value) ? e.node.value : e.node.el.text()) + "<br>"
|
||
|
|
+ "Parentage: " + e.node.parentage.join("/") + "</p>"
|
||
|
|
|
||
|
|
$('div#reporter').prepend(output)
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This is a quick example of capturing the select event on tree branches, not leaves
|
||
|
|
* (We're going to work on this a bit)
|
||
|
|
*/
|
||
|
|
$("body").on("nodeselect.tree.data-api", "[role=branch]", function (e) {
|
||
|
|
|
||
|
|
var output = "<p>Node <b>nodeselect</b> event fired:<br>"
|
||
|
|
+ "Node Type: branch<br>"
|
||
|
|
+ "Value: " + ((e.node.value) ? e.node.value : e.node.el.text()) + "<br>"
|
||
|
|
+ "Parentage: " + e.node.parentage.join("/") + "</p>"
|
||
|
|
|
||
|
|
$('div#reporter').prepend(output)
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Listening for the 'openbranch' event. Look for e.node, which is the
|
||
|
|
* actual node the user opens
|
||
|
|
*/
|
||
|
|
$("body").on("openbranch.tree", "[data-toggle=branch]", function (e) {
|
||
|
|
|
||
|
|
var output = "<p>Node <b>openbranch</b> event fired:<br>"
|
||
|
|
+ "Node Type: branch<br>"
|
||
|
|
+ "Value: " + ((e.node.value) ? e.node.value : e.node.el.text()) + "<br>"
|
||
|
|
+ "Parentage: " + e.node.parentage.join("/") + "</p>"
|
||
|
|
|
||
|
|
$('div#reporter').prepend(output)
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Listening for the 'closebranch' event. Look for e.node, which is the
|
||
|
|
* actual node the user closed
|
||
|
|
*/
|
||
|
|
$("body").on("closebranch.tree", "[data-toggle=branch]", function (e) {
|
||
|
|
|
||
|
|
var output = "<p>Node <b>closebranch</b> event fired:<br>"
|
||
|
|
+ "Node Type: branch<br>"
|
||
|
|
+ "Value: " + ((e.node.value) ? e.node.value : e.node.el.text()) + "<br>"
|
||
|
|
+ "Parentage: " + e.node.parentage.join("/") + "</p>"
|
||
|
|
|
||
|
|
$('div#reporter').prepend(output)
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
var cbExample = function (response, status, xhr) {
|
||
|
|
console.log("this ", this)
|
||
|
|
console.log("data", arguments)
|
||
|
|
}
|