var genropatches={};
genropatches.comboBox=function(){
dojo.require('dijit.form.ComboBox');
dojo.declare("gnr.Gnr_ComboBoxMenu",dijit.form._ComboBoxMenu,{
/*templateString:"",*/
templateString: "",
createOptions:function(results, dataObject, labelFunc){
var lfa=dataObject.store.lastFetchAttrs;
var columns=lfa.columns.split(',');
var headers=lfa.headers.split(',');
var tblclass='multiColumnSelect'+' '+lfa['resultClass'];
genro.dom.scrollableTable(this.domNode,results[0].getParentBag(),{'columns':columns,'headers':headers,'tblclass':tblclass});
this.domNode.onmouseover=dojo.hitch(this,'onmouseover');
// this.nextButton.style.display='none';
// this.previousButton.style.display='none';
//genro.debug("this.domNode.innerHTML=tbl.join('\n');");
},
tblrows:function(){
return dojo.query('tbody tr',this.domNode);
},
clearResultList:function(){
// keep the previous and next buttons of course
while(this.domNode.childNodes.length>2){
this.domNode.innerHtml='';
}
},
getItems:function(){
return this.tblrows();
},
getListLength:function(){
return this.tblrows().length;
},
onmouseup:function(/*Event*/ evt){
if(evt.target === this.domNode){
return;
}else{
var tgt=this.getHighlightedOption();
if (tgt) {
this.setValue({target:tgt}, true);
};
}
},
onmouseover:function(/*Event*/ evt){
if (dojo.isIE>0){
return;
}
if(evt.target === this.domNode){ return; }
var tgt=evt.target;
if (tgt) {
if (tgt.getAttribute('id')){
this._focusOptionNode(tgt);
}else if(tgt.parentNode.getAttribute('id')) {
this._focusOptionNode(tgt.parentNode);
}
};
},
_page:function(/*Boolean*/ up){
return;
},
getHighlightedOption:function(){
// summary:
// Returns the highlighted option.
return this._highlighted_option;
},
_focusOptionNode:function(/*DomNode*/ node){
// summary:
// does the actual highlight
if(this._highlighted_option != node){
this._blurOptionNode();
this._highlighted_option = node;
dojo.addClass(this._highlighted_option, "multiColumnSelectHover");
}
},
_blurOptionNode:function(){
// summary:
// removes highlight on highlighted option
if(this._highlighted_option){
dojo.removeClass(this._highlighted_option, "multiColumnSelectHover");
this._highlighted_option = null;
}
},
_highlightNextOption:function(){
// because each press of a button clears the menu,
// the highlighted option sometimes becomes detached from the menu!
// test to see if the option has a parent to see if this is the case.
var domnode_bottom =this.domNode.getBoundingClientRect().bottom;
var nextNode;
var hop=this.getHighlightedOption();
if(!this.getHighlightedOption()){
nextNode=this.tblrows()[0];
}else if(hop.nextSibling&&hop.style.display!="none"){
nextNode=hop.nextSibling;
}
if (nextNode){
brect = nextNode.getBoundingClientRect();
this._focusOptionNode(nextNode);
if(brect.bottom>domnode_bottom){
var delta=brect.bottom-brect.top;
var scrollTop = this.domNode.children[0].children[1].scrollTop;
this.domNode.children[0].children[1].scrollTop = scrollTop+20;
console.log(scrollTop);
}
}
// scrollIntoView is called outside of _focusOptionNode because in IE putting it inside causes the menu to scroll up on mouseover
// dijit.scrollIntoView(this._highlighted_option);
},
highlightFirstOption:function(){
// highlight the non-Previous choices option
this._focusOptionNode(this.tblrows()[0]);
// dijit.scrollIntoView(this._highlighted_option);
},
highlightLastOption:function(){
// highlight the noon-More choices option
var rows = this.tblrows();
this._focusOptionNode(rows[rows.length-1]);
// dijit.scrollIntoView(this._highlighted_option);
},
_highlightPrevOption:function(){
// if nothing selected, highlight last option
// makes sense if you select Previous and try to keep scrolling up the list
if(!this.getHighlightedOption()){
var rows = this.tblrows();
this._focusOptionNode(rows[rows.length-1]);
}else if(this._highlighted_option.previousSibling&&this._highlighted_option.previousSibling.style.display!="none"){
this._focusOptionNode(this._highlighted_option.previousSibling);
}
// dijit.scrollIntoView(this._highlighted_option);
},
handleKey:function(evt){
switch(evt.keyCode){
case dojo.keys.DOWN_ARROW:
this._highlightNextOption();
break;
case dojo.keys.PAGE_DOWN:
this.pageDown();
break;
case dojo.keys.UP_ARROW:
this._highlightPrevOption();
break;
case dojo.keys.PAGE_UP:
this.pageUp();
break;
}
}
});
};
genropatches.borderContainer=function(){
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout._LayoutWidget");
dojo.declare(
"dijit.layout.BorderContainer",
// [dijit._Widget, dijit._Container, dijit._Contained],
dijit.layout._LayoutWidget,
{
// summary:
// Provides layout in 5 regions, a center and borders along its 4 sides.
//
// description:
// A BorderContainer is a box with a specified size (like style="width: 500px; height: 500px;"),
// that contains a child widget marked region="center" and optionally children widgets marked
// region equal to "top", "bottom", "leading", "trailing", "left" or "right".
// Children along the edges will be laid out according to width or height dimensions. The remaining
// space is designated for the center region.
// The outer size must be specified on the BorderContainer node. Width must be specified for the sides
// and height for the top and bottom, respectively. No dimensions should be specified on the center;
// it will fill the remaining space. Regions named "leading" and "trailing" may be used just like
// "left" and "right" except that they will be reversed in right-to-left environments.
// Optional splitters may be specified on the edge widgets only to make them resizable by the user.
//
// example:
// |
// |
// |
header text
// |
table of contents
// |
client area
// |