GitXplorerGitXplorer
s

Dojo-CheckboxTree

public
2 stars
0 forks
1 issues

Commits

List of commits on branch master.
Unverified
f40c351d096e769e7a9b0fa6104d14ac9057b727

readme

sssambi committed 12 years ago
Unverified
ca3fa3eb111d09fd1bd9eef00dd73100e2e90588

readme

sssambi committed 12 years ago
Unverified
683f843e9ddca6a94700a2bea405ab6a8469259d

readme

sssambi committed 12 years ago
Unverified
3c0af4cc92e2cefcc95f92096c000de808b0213d

first push

sssambi committed 12 years ago
Unverified
818c4f908c5f9d5a8b6415c9edffdfce7926d99c

readme

sssambi committed 12 years ago

README

The README file for this repository.

Dojo CheckboxTree

Extension of dijit.Tree widget with checkboxes, using ForestStoreModel. Tested with dojotoolkit 1.7.

Example

See test.html as an example with CDN loading and AMD format.

require([
		"dojo/dom", 
		"my_ext/CheckboxTree", // "dijit/Tree", 
		"dojo/data/ItemFileWriteStore", 
		"my_ext/CheckboxForestStoreModel", // "dijit/tree/ForestStoreModel", 
		"dijit/form/Button",
		"dojo/domReady!"
		], function(dom, Tree, ItemFileWriteStore, ForestStoreModel, Button) {
		
			var treeData = {
				'identifier': 'name',
				'label' : 'description',
				'items' : [
					{ 'name' : 'node1', 'description' : 'node1', 'checked' : true },
					{ 'name' : 'node2', 'description' : 'node2', 'children' : [
						{ 'name' : 'node3', 'description' : 'node3', 'checked' : false },
						{ 'name' : 'node4', 'description' : 'node4', children : [
							{ name : 'node5', description : 'node5', checked : true },
							{ name : 'node6', description : 'node6' }
						]}
					]},
					{ 'name' : 'node7', 'description' : 'node7 description', 'checked' : true },
			]};

			var treeStore = new ItemFileWriteStore({ data : treeData });
			var treeModel = new ForestStoreModel({
					store: treeStore,
					childrenAttrs: ["children"]
				});
			var tree = new Tree({
					id : "tree",
					model : treeModel,
					showRoot : false,
					openOnClick : false,
					setCheckboxOnClick : true
				},
				'treeDiv');
			tree.startup();
			
			...
			
		});