- The HTML tree node elements with class dijitTreeRow now have an additional attribute expandable making it easy to distinguish between tree branches and tree leafs. The expandable attribute value is either "true" or "false"
<div class="dijitTreeRow" expandable="true" role="presentation" ... >
As a result you can now use css selectors like:
<style type="text/css">
.dijitTreeRow[expandable="true"] .dijitTreeLabel {
background-color: yellow;
}
.dijitTreeRow[expandable="false"] .dijitTreeIcon {
border-style: solid;
border-width: 2px;
}
</style>
- A new tree extension TreeOnSubmit and associated tree property attachToForm
have been added. This new extension and property aid in the submission of HTML forms that
include a CheckBox Tree. The extension can be found in the
cbtree/extension
directory. For a detailed description and examples please refer to the Wiki usage section Checkboxes in HTML forms and dedicated Wiki page Checkbox Tree in Forms - A new property, leafCheckBox, has been added to the tree. The leafCheckBox
property controls if checkboxes will be displayed for tree leafs. The default is
true
. if set tofalse
the leaf checkboxes will be hidden but still available for checking their state.
None
Please see the Github project page for any open issues.
-
A new property, branchCheckBox, has been added to the tree. The branchCheckBox property controls if checkboxes will be displayed for tree branches. The default is
true
. if set tofalse
the branch checkboxes will be hidden but still available for checking their state. -
Tree Nodes can now be sorted using the new options property of the store models:
var mySortOptions = {sort: [
{attribute: "name", descending: true, ignoreCase: true},
{attribute: "hair", ignoreCase: true},
{attribute: "age"}
]};
var model = new TreeStoreModel( { store: store,
query: {name: "Root"},
options: {sort: mySortOptions}
});
For a detailed description of this new feature and the ABNF definition of the options property please refer to the cbtree Wiki
- When the checkAttr property on the store model is set to anything other than the default 'checked', both the expandChecked() and collapseUnChecked() method did not work as documented. Issue #36: expandChecked()
- The name of tree checkboxes will now default to the dijit generated checkbox id. This will guarantee that any tree checkbox visible in a form will be included in a form submission. See also the new properties openOnChecked and closeOnUnchecked.
- The TreeStyling extension now allows the wildcard character (*) to be used in icon object properties when mapping values to icons.
- Two new properties have been added to the tree:
- openOnChecked
- closeOnUnchecked
- Two new functions have been added to the tree:
- expandChecked()
- collapseUnchecked()
Please refer to the wiki documentation for a detailed description of the new features.
- When using an Observable store the tree/model/_base/BaseStoreModel class did not remove obsolete Observers. Issue #28: Observable vs Eventable store
- Icon styling provided with a mapped icon object was not applied. Issue #30: Mapping a property value to a specific icon object
- Root children always appeared as the last item when dragged and dropped. Issue: #31: DnD of root children
Please see the Github project page for any open issues.