define("dojox/grid/_Selector", [
"../main",
"dojo/_base/declare",
"dojo/_base/lang",
"dojo/query",
"dojo/dom-class",
"./Selection",
"./_View",
"./_Builder",
"./util"
], function(dojox, declare, lang, query, domClass, Selection, _View, _Builder, util){
var _InputSelectorHeaderBuilder = dojox.grid._InputSelectorHeaderBuilder = lang.extend(function(view){
_Builder._HeaderBuilder.call(this, view);
},_Builder._HeaderBuilder.prototype,{
generateHtml: function(){
var w = this.view.contentWidth || 0;
var selectedCount = this.view.grid.selection.getSelectedCount();
var checked = (selectedCount && selectedCount == this.view.grid.rowCount) ? ' dijitCheckBoxChecked dijitChecked' : '';
return '
';
},
doclick: function(e){
var selectedCount = this.view.grid.selection.getSelectedCount();
this.view._selectionChanging = true;
if(selectedCount==this.view.grid.rowCount){
this.view.grid.selection.deselectAll();
}else{
this.view.grid.selection.selectRange(0, this.view.grid.rowCount-1);
}
this.view._selectionChanging = false;
this.view.onSelectionChanged();
return true;
}
});
var _SelectorContentBuilder = dojox.grid._SelectorContentBuilder = lang.extend(function(view){
_Builder._ContentBuilder.call(this, view);
},_Builder._ContentBuilder.prototype,{
generateHtml: function(inDataIndex, inRowIndex){
var w = this.view.contentWidth || 0;
return '' +
'' + this.getCellContent(inRowIndex) + ' |
';
},
getCellContent: function(inRowIndex){
return ' ';
},
findTarget: function(){
var t = _Builder._ContentBuilder.prototype.findTarget.apply(this, arguments);
return t;
},
domouseover: function(e){
this.view.grid.onMouseOverRow(e);
},
domouseout: function(e){
if(!this.isIntraRowEvent(e)){
this.view.grid.onMouseOutRow(e);
}
},
doclick: function(e){
var idx = e.rowIndex;
var selected = this.view.grid.selection.isSelected(idx);
var mode = this.view.grid.selection.mode;
if(!selected){
if(mode == 'single'){
this.view.grid.selection.select(idx);
}else if(mode != 'none'){
this.view.grid.selection.addToSelection(idx);
}
}else{
this.view.grid.selection.deselect(idx);
}
return true;
}
});
var _InputSelectorContentBuilder = dojox.grid._InputSelectorContentBuilder = lang.extend(function(view){
_SelectorContentBuilder.call(this, view);
},_SelectorContentBuilder.prototype,{
getCellContent: function(rowIndex){
var v = this.view;
var type = v.inputType == "checkbox" ? "CheckBox" : "Radio";
var checked = !!v.grid.selection.isSelected(rowIndex) ? ' dijit' + type + 'Checked dijitChecked' : '';
return '';
}
});
var _Selector = declare("dojox.grid._Selector", _View, {
inputType: '',
selectionMode: '',
// summary:
// Custom grid view. If used in a grid structure, provides a small selectable region for grid rows.
defaultWidth: "2em",
noscroll: true,
padBorderWidth: 2,
_contentBuilderClass: _SelectorContentBuilder,
postCreate: function(){
this.inherited(arguments);
if(this.selectionMode){
this.grid.selection.mode = this.selectionMode;
}
this.connect(this.grid.selection, 'onSelected', 'onSelected');
this.connect(this.grid.selection, 'onDeselected', 'onDeselected');
},
buildRendering: function(){
this.inherited(arguments);
this.scrollboxNode.style.overflow = "hidden";
},
getWidth: function(){
return this.viewWidth || this.defaultWidth;
},
resize: function(){
this.adaptHeight();
},
setStructure: function(s){
this.inherited(arguments);
if(s.defaultWidth){
this.defaultWidth = s.defaultWidth;
}
},
adaptWidth: function(){
// Only calculate this here - rather than every call to buildRowContent
if(!("contentWidth" in this) && this.contentNode){
this.contentWidth = this.contentNode.offsetWidth - this.padBorderWidth;
}
},
// styling
doStyleRowNode: function(inRowIndex, inRowNode){
var n = [ "dojoxGridRowbar dojoxGridNonNormalizedCell" ];
if(this.grid.rows.isOver(inRowIndex)){
n.push("dojoxGridRowbarOver");
}
if(this.grid.selection.isSelected(inRowIndex)){
n.push("dojoxGridRowbarSelected");
}
inRowNode.className = n.join(" ");
},
// event handlers
onSelected: function(inIndex){
this.grid.updateRow(inIndex);
},
onDeselected: function(inIndex){
this.grid.updateRow(inIndex);
}
});
if(!_View.prototype._headerBuilderClass &&
!_View.prototype._contentBuilderClass){
_Selector.prototype.postCreate = function(){
this.connect(this.scrollboxNode,"onscroll","doscroll");
util.funnelEvents(this.contentNode, this, "doContentEvent", [ 'mouseover', 'mouseout', 'click', 'dblclick', 'contextmenu', 'mousedown' ]);
util.funnelEvents(this.headerNode, this, "doHeaderEvent", [ 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mousedown', 'click', 'contextmenu' ]);
if(this._contentBuilderClass){
this.content = new this._contentBuilderClass(this);
}else{
this.content = new _Builder._ContentBuilder(this);
}
if(this._headerBuilderClass){
this.header = new this._headerBuilderClass(this);
}else{
this.header = new _Builder._HeaderBuilder(this);
}
//BiDi: in RTL case, style width='9000em' causes scrolling problem in head node
if(!this.grid.isLeftToRight()){
this.headerNodeContainer.style.width = "";
}
this.connect(this.grid.selection, 'onSelected', 'onSelected');
this.connect(this.grid.selection, 'onDeselected', 'onDeselected');
};
}
declare("dojox.grid._RadioSelector", _Selector, {
inputType: 'radio',
selectionMode: 'single',
_contentBuilderClass: _InputSelectorContentBuilder,
buildRendering: function(){
this.inherited(arguments);
this.headerNode.style.visibility = "hidden";
},
renderHeader: function(){}
});
declare("dojox.grid._CheckBoxSelector", _Selector, {
inputType: 'checkbox',
_headerBuilderClass: _InputSelectorHeaderBuilder,
_contentBuilderClass: _InputSelectorContentBuilder,
postCreate: function(){
this.inherited(arguments);
this.connect(this.grid, 'onSelectionChanged', 'onSelectionChanged');
this.connect(this.grid, 'updateRowCount', '_updateVisibility');
},
renderHeader: function(){
this.inherited(arguments);
this._updateVisibility(this.grid.rowCount);
},
_updateVisibility: function(rowCount){
this.headerNode.style.visibility = rowCount ? "" : "hidden";
},
onSelectionChanged: function(){
if(this._selectionChanging){ return; }
var inputDiv = query('.dojoxGridCheckSelector', this.headerNode)[0];
var g = this.grid;
var s = (g.rowCount && g.rowCount == g.selection.getSelectedCount());
g.allItemsSelected = s||false;
domClass.toggle(inputDiv, "dijitChecked", g.allItemsSelected);
domClass.toggle(inputDiv, "dijitCheckBoxChecked", g.allItemsSelected);
}
});
return _Selector;
});