if(!dojo._hasResource["dojox.form.CheckedMultiSelect"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.form.CheckedMultiSelect"] = true;
dojo.provide("dojox.form.CheckedMultiSelect");
dojo.require("dijit.form.MultiSelect");
dojo.require("dijit.form.CheckBox");
dojo.declare("dojox.form._CheckedMultiSelectItem",
[dijit._Widget, dijit._Templated],
{
// summary:
// The individual items for a CheckedMultiSelect
widgetsInTemplate: true,
templateString:"
\n",
baseClass: "dojoxMultiSelectItem",
// option: Element
// The option that is associated with this item
option: null,
parent: null,
// disabled: boolean
// Whether or not this widget is disabled
disabled: false,
_changeBox: function(){
// summary:
// Called to force the select to match the state of the check box
// (only on click of the checkbox)
this.option.selected = this.checkBox.getValue() && true;
// fire the parent's change
this.parent._onChange();
// refocus the parent
this.parent.focus();
},
_labelClick: function(){
// summary:
// Called when the label portion is clicked
dojo.stopEvent(e);
if(this.disabled){
return;
}
var cb = this.checkBox;
cb.setValue(!cb.getValue());
this._changeBox();
},
_onMouse: function(e){
// summary:
// Sets the hover state depending on mouse state (passes through
// to the check box)
this.checkBox._onMouse(e);
},
_onClick: function(e){
// summary:
// Sets the click state (passes through to the check box)
this.checkBox._onClick(e);
},
_updateBox: function(){
// summary:
// Called to force the box to match the state of the select
this.checkBox.setValue(this.option.selected);
},
setAttribute: function(attr, value){
// summary:
// Disables (or enables) all the children as well
this.inherited(arguments);
switch(attr){
case "disabled":
this.checkBox.setAttribute(attr, value);
break;
default:
break;
}
}
});
dojo.declare("dojox.form.CheckedMultiSelect", dijit.form.MultiSelect, {
// summary:
// Extends the core dijit MultiSelect to provide a "checkbox" selector
templateString: "",
templateString:"\n",
baseClass: "dojoxMultiSelect",
// children: dojox.form._CheckedMultiSelectItem[]
// Array of all our children (for updating them)
children: [],
/*=====
dojox.form.__SelectOption = function(){
// value: String
// The value of the option. Setting to empty (or missing) will
// place a separator at that location
// label: String
// The label for our option. It can contain html tags.
this.value = value;
this.label = label;
}
=====*/
// options: dojox.form.__SelectOption[]
// our set of options
options: null,
_mouseDown: function(e){
// summary:
// Cancels the mousedown event to prevent others from stealing
// focus
dojo.stopEvent(e);
},
_updateChildren: function(){
// summary:
// Called to update the checked states of my children to match me
dojo.forEach(this.children,function(child){
child._updateBox();
});
},
_addChild: function(/*Element*/ option){
// summary:
// Adds and returns a child for the given option.
var item = new dojox.form._CheckedMultiSelectItem({
option: option,
parent: this
});
this.wrapperDiv.appendChild(item.domNode);
return item;
},
_loadChildren: function(){
// summary:
// Reloads the children to match our box.
// Destroy any existing children before loading them again
dojo.forEach(this.children, function(child){
child.destroyRecursive();
});
this.children = dojo.query("option", this.domNode).map(function(child){
return this._addChild(child);
}, this);
this.options = dojo.map(this.children, function(child){
var opt = child.option;
return { value:opt.value, label: opt.text };
});
// Update the statuses of the children
this._updateChildren();
},
addOption: function(/* dojox.form.__SelectOption or string, optional */ value, /* string? */ label){
// summary: Adds the given option to the select
var o = new Option("","");
o.value = value.value || value;
o.innerHTML = value.label || label;
this.containerNode.appendChild(o);
},
removeOption: function(/*String*/ optionId){
dojo.query("option[value=" + optionId + "]", this.domNode).forEach(function(node){
node.parentNode.removeChild(node);
}, this);
},
setOptionLabel: function(/*string*/ optionId, /*string*/ label){
dojo.query("option[value=" + optionId + "]", this.domNode).forEach(function(node){
node.innerHTML = label;
});
},
addSelected: function(select){
this.inherited(arguments);
// Reload my children and the children of the guy pointing to me
if(select._loadChildren){
select._loadChildren();
}
this._loadChildren();
},
setAttribute: function(attr, value){
// summary:
// Disable (or enable) all the children as well
this.inherited(arguments);
switch(attr){
case "disabled":
dojo.forEach(this.children, function(node){
if(node && node.setAttribute){
node.setAttribute(attr, value);
}
});
break;
default:
break;
}
},
startup: function(){
if(this._started){ return; }
this.inherited(arguments);
// Load children and make connections
this._loadChildren();
this.connect(this, "setValue", "_updateChildren");
this.connect(this, "invertSelection", "_updateChildren");
this.connect(this, "addOption", "_loadChildren");
this.connect(this, "removeOption", "_loadChildren");
this.connect(this, "setOptionLabel", "_loadChildren");
this._started = true;
}
});
}