1115 lines
35 KiB
JavaScript
1115 lines
35 KiB
JavaScript
//if(window.tracywindyComboBox)alert("不能重复引用tracywindyComboBox.js");
|
||
function hiddenAllComboBox()
|
||
{
|
||
for(var p in tracywindyObject)
|
||
{
|
||
if( 'combobox' == tracywindyObject[p].objectType)
|
||
{
|
||
tracywindyObject[p].dropDiv.style.display = "none";
|
||
tracywindyObject[p].childCreate=false;
|
||
}
|
||
}
|
||
}
|
||
function initComboboxAllHiddenEvent(){
|
||
if(!window.isInitComboHidden){
|
||
var workflowFormContainer = document.getElementById('id_workflowFormContainer_inner');
|
||
if(workflowFormContainer)
|
||
{
|
||
var scrollHandler = (function(){
|
||
return function(){
|
||
//同时我们把下拉的关闭掉。
|
||
//document.getElementById("selectChild" + $me.id).style.display="none";
|
||
//$me.childCreate=false;
|
||
hiddenAllComboBox();
|
||
};
|
||
})();
|
||
if(!SysBrowser.mobile){
|
||
workflowFormContainer.onscroll=scrollHandler;
|
||
document.body.onscroll= scrollHandler;
|
||
}else{
|
||
workflowFormContainer.ontouchstart = scrollHandler;
|
||
document.body.ontouchmovestart = scrollHandler;
|
||
}
|
||
}
|
||
if(document.documentElement)
|
||
{
|
||
var currentClickHandler = (function(){
|
||
return function(e){
|
||
|
||
var currentTarget = getEvent(e).srcElement||getEvent(e).target||getEvent(e).currentTarget;
|
||
|
||
if(currentTarget){
|
||
if((((currentTarget.className+"")||" ").indexOf("x-panel-combo-droplist")>-1))
|
||
{
|
||
return false;
|
||
}
|
||
}
|
||
//同时我们把下拉的关闭掉。
|
||
//document.getElementById("selectChild" + $me.id).style.display="none";
|
||
//$me.childCreate=false;
|
||
hiddenAllComboBox();
|
||
};
|
||
})();
|
||
//document.documentElement.onmouseup = currentClickHandler;
|
||
//document.documentElement.onscroll = currentClickHandler;
|
||
document.documentElement.onmousedown = currentClickHandler;
|
||
/*注册事件*/
|
||
if(document.addEventListener){
|
||
document.addEventListener('DOMMouseScroll',currentClickHandler,false);
|
||
}//W3C
|
||
window.onmousewheel=document.onmousewheel=currentClickHandler;//IE/Opera/Chrome/Safari
|
||
}
|
||
window.isInitComboHidden = true;
|
||
}
|
||
}
|
||
var tracywindyComboBox = function(config){
|
||
if(config.id){
|
||
var oldCombo = getTracywindyObject(config.id);
|
||
if(oldCombo){
|
||
try{oldCombo.renderToObj.removeChild(oldCombo.dom);}catch(e){}
|
||
try{document.body.removeChild(oldCombo.dropDiv);}catch(e){}
|
||
}
|
||
}
|
||
this.lazyLoad = false;//config.lazyLoad||false;//false;//
|
||
this.objectType = "combobox";
|
||
this.loadMode = config.loadMode ||"ajax";
|
||
this.url = config.url||(getRootPath()+'/table/getTableData.action');
|
||
this.datas = config.datas||[];
|
||
this.displayField = config.displayField||'name';
|
||
this.valueField = config.valueField||'value';
|
||
this.value = config.value||'';
|
||
this.rawValue = config.rawValue||'';
|
||
this.childCreate=false;
|
||
this.grantValue = true;
|
||
this.topAdd = config.topAdd||0;
|
||
this.leftAdd = config.leftAdd||0;
|
||
this.id = config.id||GenerateGuid();
|
||
this.name = config.name||this.id;
|
||
this.dropListWidthAdd=config.dropListWidthAdd||0;
|
||
tracywindyObject[this.id]=this;
|
||
this.width = config.width||150;
|
||
this.otherConfig = config.otherConfig||{};
|
||
this.height = config.height||22;
|
||
this.renderTo = config.renderTo;
|
||
this.scrollContainer = config.scrollContainer;
|
||
this.scrollContainerObject = config.scrollContainerObject; //DOM元素对象数组
|
||
this.isContainEmpty = (config.isContainEmpty == false)?false:true;
|
||
this.start = this.start||0;
|
||
this.dropListHeight = config.dropListHeight||200;
|
||
this.constDropListHeight = this.dropListHeight;
|
||
this.start = config.start||0;
|
||
this.limit = config.limit||99999;
|
||
this.xmlFileName = config.xmlFileName;
|
||
this.readOnly = config.readOnly;
|
||
this.params = config.params||{};
|
||
this.isCheck = config.isCheck||false;//是否多选
|
||
this.onSelect = config.onSelect;
|
||
this.onClick = config.onClick;
|
||
//modify by tracywindy 2013-11-26
|
||
this.filterLoadComplete = config.filterLoadComplete;
|
||
this.loadComplete= config.loadComplete||this.filterLoadComplete;
|
||
this.positionDropIconTopAdd = config.positionDropIconTopAdd||0;
|
||
this.positionDropIconLeftAdd = config.positionDropIconLeftAdd||0;
|
||
this.readOnlyData = config.readOnlyData||false;
|
||
this.otherAttributes = config.otherAttributes||'';
|
||
this.isAjaxLenovo = config.isAjaxLenovo||false;
|
||
this.comboLoadFunc = config.comboLoadFunc||function(){};
|
||
this.isForceModify = config.isForceModify||false;
|
||
this.defaultIndex = -2;
|
||
//this.isAssignInput = config.isAssignInput||false;
|
||
this.assignInputDisplayInputId = config.assignInputDisplayInputId;
|
||
this.assignInputHiddenInputId = config.assignInputHiddenInputId;
|
||
this.relativeDisplayInputId = config.relativeDisplayInputId;
|
||
this.relativeHiddenInputId = config.relativeHiddenInputId;
|
||
if(this.relativeDisplayInputId){
|
||
this.relativeDisplayInput = document.getElementById(this.relativeDisplayInputId);
|
||
}
|
||
if(this.relativeHiddenInputId){
|
||
this.relativeHiddenInput = document.getElementById(this.relativeHiddenInputId);
|
||
}
|
||
this.isAsync = (false == config.isAsync) ? false : true;
|
||
|
||
this.defaultIndex = parseInt(config.defaultIndex);
|
||
if(isNaN(this.defaultIndex))
|
||
this.defaultIndex = -2;
|
||
|
||
|
||
if((config.isViewHistoryTask ||window.isViewHistoryTask)&&!this.isForceModify)
|
||
{
|
||
this.readOnlyData = true;
|
||
}
|
||
if((false==config.isViewHistoryTask)&&(true != config.readOnlyData)){
|
||
this.readOnlyData = false;
|
||
}
|
||
if(window.isCompletedTask){
|
||
this.readOnlyData = true;
|
||
}
|
||
if((this.readOnly!=false) || this.isCheck)
|
||
{
|
||
this.readOnly = true;
|
||
}
|
||
if(this.readOnlyData)
|
||
{
|
||
this.readOnly = true;
|
||
}
|
||
|
||
|
||
this.createObj();
|
||
};
|
||
tracywindyComboBox.prototype.reload=function(){
|
||
if(this.loadMode=='ajax'){
|
||
this.datas=[];
|
||
this.lazyLoad = false;
|
||
}
|
||
this.loadSelect();
|
||
};
|
||
tracywindyComboBox.prototype.setParam=function(name,value){
|
||
this.params[name]=value;
|
||
};
|
||
tracywindyComboBox.prototype.setParams=function(params){
|
||
for(var param in params)
|
||
{
|
||
this.params[param] = params[param];
|
||
}
|
||
};
|
||
//创建数据区
|
||
tracywindyComboBox.prototype.AddRow=function(rowData){
|
||
this.datas.push(rowData);
|
||
this.loadData();
|
||
return rowData;
|
||
};
|
||
tracywindyComboBox.prototype.AddRows=function(rowDatas){
|
||
if(rowDatas instanceof Array)
|
||
{
|
||
for(var index=0;index<rowDatas.length;index++)
|
||
{
|
||
this.datas.push(rowDatas[index]);
|
||
}
|
||
}
|
||
else
|
||
{
|
||
this.datas.push(rowDatas);
|
||
}
|
||
this.loadData();
|
||
return rowDatas;
|
||
};
|
||
//返回所有行json data 形如[{'value':'1'},{'value':'2'}]
|
||
tracywindyComboBox.prototype.getRowsData=function(){
|
||
return this.datas;
|
||
};
|
||
tracywindyComboBox.prototype.removeRowAt=function(index){
|
||
var rowData = this.datas.splice(index,1);
|
||
this.loadData();
|
||
return rowData;
|
||
};
|
||
tracywindyComboBox.prototype.addRowAt=function(index,rowData){
|
||
this.datas.splice(index,0,rowData);
|
||
this.loadData();
|
||
return rowData;
|
||
};
|
||
tracywindyComboBox.prototype.addRowsAt=function(index,rowDatas){
|
||
if(rowDatas instanceof Array)
|
||
{
|
||
for(var rindex=0;rindex<rowDatas.length;rindex++)
|
||
{
|
||
this.datas.splice(index++,0,rowDatas[rindex]);
|
||
}
|
||
}
|
||
else
|
||
{
|
||
this.datas.splice(index,0,rowDatas);
|
||
}
|
||
this.loadData();
|
||
return rowDatas;
|
||
};
|
||
tracywindyComboBox.prototype.loadAjaxData=function(isAsync){
|
||
if(typeof(isAsync)=="undefined")isAsync = true;
|
||
//this.loadMask.show();
|
||
if(this.loadMask)
|
||
{
|
||
this.loadMask.show();
|
||
}
|
||
var params = this.params;
|
||
var xmlFileName = this.xmlFileName;
|
||
var $me = this;
|
||
params['xmlFileName'] = xmlFileName;
|
||
params['start'] = this.start;
|
||
params['limit'] = this.limit;
|
||
ajaxRequest({
|
||
url:this.url,
|
||
async:isAsync,
|
||
success:function(res){
|
||
$me.jsonData = eval('('+res.responseText+')');
|
||
$me.datas = $me.jsonData['datas'];
|
||
$me.loadData();
|
||
if($me.loadComplete)
|
||
{
|
||
$me.loadComplete($me);
|
||
}
|
||
if($me.loadMask)
|
||
{
|
||
$me.loadMask.hide();
|
||
}
|
||
$me.isComplete=true;
|
||
},
|
||
failure:function(res){
|
||
},
|
||
params:params
|
||
});
|
||
};
|
||
|
||
tracywindyComboBox.prototype.createObj=function(){
|
||
var currentObj = this.renderTo;
|
||
//创建主div
|
||
if(!(typeof(this.renderTo)=='object'))
|
||
{
|
||
currentObj = document.getElementById(this.renderTo);
|
||
}
|
||
this.renderToObj = currentObj;
|
||
if(!currentObj){
|
||
alert("combo的renderTo组件未找到:["+this.renderTo+"]");
|
||
}
|
||
currentObj.style.width = (this.width+4)+"px";
|
||
if(currentObj.className){
|
||
if(currentObj.className.indexOf("leftComboContainer")>-1){
|
||
currentObj.style.borderColor="transparent";
|
||
}
|
||
}
|
||
this.comboBoxFrameDiv = document.createElement("div");
|
||
this.comboBoxFrameDiv.style.width = (this.width)+"px";
|
||
this.comboBoxFrameDiv.style.height = this.height+"px";
|
||
this.comboBoxFrameDiv.style.textIndent = "0px";
|
||
this.comboBoxFrameDiv.className = "x-panel-combo-frame-div";
|
||
this.comboBoxFrameDiv.style.padding="0 0 0 0";
|
||
this.comboBoxFrameDiv.style.margin="0 0 0 0";
|
||
try{
|
||
currentObj.appendChild(this.comboBoxFrameDiv);
|
||
}catch(e){
|
||
alert("tracywindyCombo不合法renderTO组件["+this.renderTo+"]");
|
||
}
|
||
this.dom = this.comboBoxFrameDiv;
|
||
this.loadSelect();
|
||
this.setDefaultValue();
|
||
};
|
||
|
||
tracywindyComboBox.prototype.setDefaultValue=function(index){
|
||
var defaultIndex = undefined;
|
||
if(this.defaultIndex != 'undefined')
|
||
defaultIndex = this.defaultIndex;
|
||
else if(index != 'undefined'){
|
||
defaultIndex = parseInt(index);
|
||
}
|
||
if(isNaN(defaultIndex))
|
||
return;
|
||
|
||
|
||
if(defaultIndex > -1 && defaultIndex < this.datas.length){
|
||
this.setValue(this.datas[defaultIndex][this.valueField]);
|
||
}
|
||
if(this.defaultIndex == -1){
|
||
this.setValue('');
|
||
}
|
||
|
||
};
|
||
tracywindyComboBox.prototype.GetOffset = function(object, offset) {
|
||
if (!object)
|
||
return;
|
||
offset.x += object.offsetLeft;
|
||
offset.y += object.offsetTop;
|
||
|
||
this.GetOffset (object.offsetParent, offset);
|
||
};
|
||
|
||
tracywindyComboBox.prototype.GetScrolled = function (object, scrolled) {
|
||
if (!object)
|
||
return;
|
||
scrolled.x += object.scrollLeft;
|
||
scrolled.y += object.scrollTop;
|
||
|
||
if (object.tagName.toLowerCase () != "html") {
|
||
this.GetScrolled (object.parentNode, scrolled);
|
||
}
|
||
};
|
||
|
||
tracywindyComboBox.prototype.GetTopLeft = function (div) {
|
||
// var div = document.getElementById ("myDiv");
|
||
|
||
var offset = {x : 0, y : 0};
|
||
this.GetOffset (div, offset);
|
||
|
||
var scrolled = {x : 0, y : 0};
|
||
this.GetScrolled (div.parentNode, scrolled);
|
||
|
||
var posX = offset.x - scrolled.x;
|
||
var posY = offset.y - scrolled.y;
|
||
/*alert ("The top-left corner of the div relative to the top-left corner of the browser's client area: \n"
|
||
+ " horizontal: " + posX + "px\n vertical: " + posY + "px");*/
|
||
return {posX:posX,posY:posY};
|
||
};
|
||
|
||
tracywindyComboBox.prototype.Offset=function(){
|
||
var e = this.showValueDiv;
|
||
var t = 0;
|
||
var l = 0;
|
||
var w = this.width;
|
||
var h = this.height-2;
|
||
var offset = this.GetTopLeft(e);
|
||
t = offset.posY;
|
||
l = offset.posX;
|
||
/*while(e)
|
||
{
|
||
t+=e.offsetTop;
|
||
l+=e.offsetLeft;
|
||
//t-=e.scrollTop;
|
||
//l-=e.scrollLeft;
|
||
e=e.offsetParent;
|
||
}
|
||
var el = this.showValueDiv.parentNode;
|
||
while(el)
|
||
{
|
||
if(el.className){
|
||
if( (el.className.indexOf("panel-body")>-1) && ((el.className.indexOf("window-body")>-1)||(el.className.indexOf("dialog-content")>-1))){
|
||
t-=el.scrollTop;
|
||
l-=el.scrollLeft;
|
||
break;
|
||
}
|
||
}
|
||
el = el.parentNode;
|
||
}
|
||
if(document.body)
|
||
{
|
||
// l-=document.body.scrollLeft;
|
||
// t-=document.body.scrollTop;
|
||
}
|
||
var workflowFormContainer = document.getElementById('id_workflowFormContainer_inner');
|
||
if(workflowFormContainer)
|
||
{
|
||
if(isParent(this.comboBoxFrameDiv,workflowFormContainer))
|
||
{
|
||
l-= workflowFormContainer.scrollLeft;
|
||
t-= workflowFormContainer.scrollTop;
|
||
}
|
||
}
|
||
|
||
if(this.scrollContainer){
|
||
var scrollContainerArr = this.scrollContainer.split(",");
|
||
for(var i =0;i<scrollContainerArr.length;i++){
|
||
var currentScrollContainer = scrollContainerArr[i];
|
||
if (!(typeof(this.scrollContainer) == 'object')) {
|
||
currentScrollContainer = document.getElementById(currentScrollContainer);
|
||
}
|
||
if((0 == currentScrollContainer.offsetHeight) || ("none" == currentScrollContainer.style.display)){
|
||
continue;
|
||
}
|
||
l-= currentScrollContainer.scrollLeft;
|
||
t-= currentScrollContainer.scrollTop;
|
||
}
|
||
|
||
}else if(this.scrollContainerObject){ //DOM元素数组
|
||
for(var i = 0; i < this.scrollContainerObject.length; i++){
|
||
currentScrollContainer = this.scrollContainerObject[i];
|
||
if((0== currentScrollContainer.offsetHeight) || ("none" == currentScrollContainer.style.display)){
|
||
continue;
|
||
}
|
||
l -= currentScrollContainer.scrollLeft;
|
||
t -= currentScrollContainer.scrollTop;
|
||
}
|
||
}*/
|
||
|
||
return {
|
||
top : t,
|
||
left : l-2,
|
||
width : w,
|
||
height : h
|
||
};
|
||
};
|
||
var globalCurrentSelectedCombo = null;
|
||
tracywindyComboBox.prototype.loadSelect=function(){
|
||
var domInnerHTML = "";
|
||
var hiddenInputId = 'selectOfValue_'+this.id;
|
||
var displayInputId = 'selectOfRawValue_'+this.id;
|
||
if(!this.assignInputHiddenInputId){
|
||
domInnerHTML+= "<input type='hidden' id='selectOfValue_"+this.id+"' name='"+this.name+"' value='' />";
|
||
}else{
|
||
hiddenInputId = this.assignInputHiddenInputId;
|
||
}
|
||
|
||
if(!this.assignInputDisplayInputId){
|
||
domInnerHTML+= "<input type='hidden' id='selectOfRawValue_"+this.id+"' name='rawValue_"+this.name+"' "+this.otherAttributes+" value='' />";
|
||
}else{
|
||
displayInputId = this.assignInputDisplayInputId;
|
||
}
|
||
this.dom.innerHTML = domInnerHTML;
|
||
var idDivValueHidden = document.getElementById(hiddenInputId);
|
||
this.valueHidden = idDivValueHidden;
|
||
var idDivRawValueHidden = document.getElementById(displayInputId);
|
||
this.rawValueHidden = idDivRawValueHidden;
|
||
this.isComplete = false;
|
||
//第三步：虚拟一个div出来代替select
|
||
var iDiv = document.createElement("input");
|
||
this.showValueDiv = iDiv;
|
||
this.iDiv = iDiv;
|
||
iDiv.id="selectOf_" + this.id;
|
||
iDiv.readOnly = this.readOnly;
|
||
iDiv.style.width=(this.width-20)+"px";
|
||
//iDiv.className = "x-panel-combo-droplist-input";
|
||
// iDiv.style.borderRight = "1px solid #DDD";
|
||
//iDiv.style.borderColor = "#DDD";
|
||
if(this.readOnlyData)
|
||
{
|
||
iDiv.className = "td-content-input td-content-readonly";
|
||
}
|
||
if(this.readOnly)
|
||
{
|
||
iDiv.className = "td-content-input td-content-readonly";
|
||
}
|
||
addClass(iDiv,"x-panel-combo-droplist-input");
|
||
//iDiv.style.backgroundPosition=((20)+" "+(-1+this.positionDropIconTopAdd));
|
||
this.relayFinish = true;
|
||
window[this.id+'_setTimeOutFunc'] = function(comboId){
|
||
var combo = tracywindyObject[comboId];
|
||
var $me = combo;
|
||
$me.relayFinish=false;
|
||
combo.value = "";
|
||
combo.rawValue="";
|
||
combo.valueHidden.value = "";
|
||
combo.rawValueHidden.value = "";
|
||
if($me.isAjaxLenovo)
|
||
{
|
||
var params = $me.params;
|
||
$me.isComplete=false;
|
||
params['currentRawValue'] = combo.iDiv.value;
|
||
ajaxRequest({
|
||
url:$me.url,
|
||
success:function(res){
|
||
$me.jsonData = eval('('+res.responseText+')');
|
||
if($me.jsonData.norecord=='true')
|
||
{
|
||
$me.datas = [];
|
||
}
|
||
else
|
||
{
|
||
$me.datas = $me.jsonData['datas'];
|
||
}
|
||
combo.setFilterRawValue(combo.iDiv.value,'');
|
||
/*modify by tracywindy 2013-11-26*/
|
||
if($me.filterLoadComplete)
|
||
{
|
||
$me.filterLoadComplete($me);
|
||
}
|
||
if($me.loadMask)
|
||
{
|
||
$me.loadMask.hide();
|
||
}
|
||
$me.isComplete=true;
|
||
combo.relayFinish = true;
|
||
},
|
||
failure:function(res){
|
||
},
|
||
params:params
|
||
});
|
||
//combo.setFilterRawValue(combo.iDiv.value,'');
|
||
}else{
|
||
if(combo.iDiv.value=='')
|
||
{
|
||
combo.setFilterRawValue(combo.iDiv.value,'');
|
||
}
|
||
else
|
||
{
|
||
combo.setFilterRawValue(combo.iDiv.value,new RegExp("^.*"+combo.iDiv.value.replace(/\(/gi,"\\(").replace(/\)/gi,"\\)")+"+.*$"));
|
||
}
|
||
combo.relayFinish = true;
|
||
}
|
||
};
|
||
var keyUpFunc = (function($me){
|
||
return function(e){
|
||
if($me.relayFinish)
|
||
{
|
||
$me.relayFinish=false;
|
||
setTimeout("window['"+$me.id+"_setTimeOutFunc']('"+$me.id+"')",100);
|
||
}
|
||
var ev = getEvent(e);
|
||
ev.cancelBubble = true;
|
||
try
|
||
{
|
||
ev.stopDefault();
|
||
}catch(ex){};
|
||
|
||
};
|
||
})(this);
|
||
if(iDiv.readOnly==false)
|
||
{
|
||
if(!this.readOnlyData){
|
||
iDiv.onkeyup = keyUpFunc;
|
||
}
|
||
}
|
||
else
|
||
{
|
||
if(!this.readOnlyData)iDiv.onkeydown=function(ev){
|
||
var e = getEvent(ev);
|
||
var keyCode = e.keyCode||e.charCode;
|
||
var pass = true;
|
||
if(keyCode==8)
|
||
{
|
||
pass = false;
|
||
}
|
||
if(!pass){
|
||
cancelBubble(e);
|
||
e.returnValue = pass;
|
||
e.cancelBubble = true;
|
||
try
|
||
{
|
||
e.stopDefault();
|
||
}catch(e)
|
||
{
|
||
e.returnValue = pass;
|
||
}
|
||
}
|
||
};
|
||
}
|
||
var comboTable = document.createElement("table");
|
||
comboTable.className = "x-panel-combo-table";
|
||
this.comboBoxFrameDiv.appendChild(comboTable);
|
||
var comboTBody = document.createElement("tbody");
|
||
comboTable.appendChild(comboTBody);
|
||
var comboTBodyRow = document.createElement("tr");
|
||
comboTBody.appendChild(comboTBodyRow);
|
||
var comboTBodyRowTdInput = document.createElement("td");
|
||
comboTBodyRowTdInput.appendChild(iDiv);
|
||
comboTBodyRowTdInput.style.padding = "0px";
|
||
comboTBodyRowTdInput.style.margin = "0px";
|
||
comboTBodyRowTdInput.style.textIndent = "0px";
|
||
comboTBodyRow.appendChild(comboTBodyRowTdInput);
|
||
|
||
this.comboBoxFrameDiv.appendChild(comboTable);
|
||
|
||
var iconDiv = document.createElement("div");
|
||
this.comboBoxFrameDiv.dropIconDiv = iconDiv;
|
||
this.dropIconDiv = iconDiv;
|
||
with(iconDiv)
|
||
{
|
||
className = "x-panel-combo-dropIcon";
|
||
}
|
||
if(!this.readOnlyData)
|
||
{
|
||
this.comboBoxFrameDiv.onmouseover=function(){
|
||
addClass(this.dropIconDiv,"x-panel-combo-dropIcon-alt");
|
||
};
|
||
this.comboBoxFrameDiv.onmouseout=function(){
|
||
removeClass(this.dropIconDiv,"x-panel-combo-dropIcon-alt");
|
||
};
|
||
}
|
||
var comboTBodyRowTdIcon = document.createElement("td");
|
||
comboTBodyRowTdIcon.style.padding = "0px";
|
||
comboTBodyRowTdIcon.style.margin = "0px";
|
||
comboTBodyRowTdIcon.style.textIndent = "0px";
|
||
comboTBodyRowTdIcon.appendChild(iconDiv);
|
||
comboTBodyRow.appendChild(comboTBodyRowTdIcon);
|
||
if(this.readOnlyData)
|
||
{
|
||
this.dropIconDiv.style.display="none";
|
||
iDiv.style.width=(this.width)+"px";
|
||
}
|
||
else
|
||
{
|
||
iDiv.style.width=(this.width-20)+"px";
|
||
}
|
||
/* var idDivValueHidden = document.createElement("<input type='hidden' id='selectOfValue_"+this.id+"' name='"+this.name+"' value=''>");
|
||
this.comboBoxFrameDiv.appendChild(idDivValueHidden);
|
||
this.valueHidden = idDivValueHidden;
|
||
var idDivRawValueHidden = document.createElement("<input type='hidden' id='selectOfRawValue_"+this.id+"' name='rawValue_"+this.name+"' value=''>");
|
||
this.comboBoxFrameDiv.appendChild(idDivRawValueHidden);
|
||
this.rawValueHidden = idDivRawValueHidden;*/
|
||
//移除原来的下拉框
|
||
if(this.dropDiv)
|
||
{
|
||
document.body.removeChild(this.dropDiv);
|
||
}
|
||
//第一步：取得Select所在的位置
|
||
//var offset=this.Offset();
|
||
var cDiv = document.createElement("div");
|
||
cDiv.id="selectChild" + this.id;
|
||
cDiv.className ="x-panel-combo-droplist-div";
|
||
cDiv.style.display="block";
|
||
//cDiv.style.width=(offset.width+2) + "px";
|
||
//cDiv.style.top=(offset.top+offset.height+2+this.topAdd) + "px";
|
||
//cDiv.style.left=(offset.left+1+this.leftAdd) + "px";
|
||
/* if(this.dropListHeight)
|
||
{
|
||
cDiv.style.height=this.dropListHeight+"px";
|
||
}*/
|
||
this.dropDiv = cDiv;
|
||
var uUl = document.createElement("ul");
|
||
uUl.className = "x-panel-combo-droplist-ul";
|
||
uUl.id="uUlchild" + this.id;
|
||
cDiv.appendChild(uUl);
|
||
//创建loadMask
|
||
//this.loadMask = new tracywindyLoadMask(cDiv,'数据加载中，请稍等...');
|
||
this.dropList = uUl;
|
||
document.body.appendChild(cDiv);
|
||
this.childCreate=false;
|
||
//模拟鼠标点击
|
||
var clickHandler = (function($me){
|
||
return function(e){
|
||
|
||
if($me.onClick){
|
||
$me.onClick($me);
|
||
}
|
||
|
||
initComboboxAllHiddenEvent();
|
||
if (document.getElementById("selectChild" + $me.id)){//判断是否创建过div
|
||
if ($me.childCreate && $me.readOnly){//非只读情况下不关闭下拉框
|
||
//判断当前的下拉是不是打开状态，如果是打开的就关闭掉。是关闭的就打开。
|
||
document.getElementById("selectChild" + $me.id).style.display="none";
|
||
$me.childCreate=false;
|
||
}else{
|
||
if(!$me.readOnly)
|
||
{
|
||
/*$me.value = '';
|
||
$me.rawValue = $me.iDiv.value;
|
||
if($me.loadMode=='ajax')
|
||
{
|
||
$me.loadAjaxData(false);
|
||
}
|
||
else if($me.loadMode=='local')
|
||
{
|
||
$me.loadData();
|
||
}
|
||
$me.setFilterRawValue($me.iDiv.value);*/
|
||
}
|
||
if($me.loadMode=='ajax')
|
||
{
|
||
if($me.lazyLoad && (0==$me.datas.length)){
|
||
$me.loadAjaxData(false);
|
||
}
|
||
}
|
||
var offset_inner=$me.Offset();
|
||
var cDiv_inner = $me.dropDiv;
|
||
cDiv_inner.style.width=(Math.max($me.dropList.offsetWidth,$me.dropList.scrollWidth)+$me.dropListWidthAdd) + "px";
|
||
//cDiv_inner.style.width=(offset_inner.width+$me.dropListWidthAdd) + "px";
|
||
cDiv_inner.style.top=(offset_inner.top+offset_inner.height+2+$me.topAdd)+ "px";
|
||
var clientHeight = (document.documentElement.clientHeight);
|
||
if((offset_inner.top+offset_inner.height+2+$me.dropListHeight)>=(clientHeight-1))
|
||
{
|
||
cDiv_inner.style.top=(offset_inner.top-$me.dropListHeight-2+$me.topAdd) + "px";
|
||
}
|
||
cDiv_inner.style.left=(offset_inner.left+2+$me.leftAdd) + "px";
|
||
if(!$me.isComplete)
|
||
{
|
||
if($me.loadMode!='local')
|
||
{
|
||
//创建loadMask
|
||
$me.loadMask=new tracywindyLoadMask($me.dropDiv,'数据加载中，请稍等...');
|
||
$me.loadMask.show();
|
||
}
|
||
}
|
||
//if(!$me.readOnly)$me.setRawValue($me.iDiv.value);
|
||
hiddenAllComboBox();
|
||
document.getElementById("selectChild" + $me.id).style.display="block";
|
||
var oldWidth = Math.max($me.dropList.offsetWidth,$me.dropList.scrollWidth);
|
||
var attrOldWidth = $me.dropList.getAttribute("oldWidth");
|
||
if(0 < parseInt(attrOldWidth)){
|
||
oldWidth = parseInt(attrOldWidth);
|
||
}
|
||
var oldHeight = Math.max($me.dropList.offsetHeight,$me.dropList.scrollHeight);
|
||
//var oldWidthAdd = 0;
|
||
var newWidth = oldWidth;
|
||
if(oldHeight > $me.dropListHeight){
|
||
newWidth+=18;
|
||
}
|
||
if((oldWidth)<$me.width){
|
||
cDiv_inner.style.width=(Math.max(newWidth,$me.width)+$me.dropListWidthAdd) + "px";
|
||
}else{
|
||
cDiv_inner.style.width=(Math.max(newWidth,$me.width)+$me.dropListWidthAdd) + "px";
|
||
}
|
||
var currentClientWidth = document.documentElement.clientWidth;
|
||
var currentLeft = (offset_inner.left+2+$me.leftAdd);
|
||
if(( currentLeft + parseInt(cDiv_inner.style.width)) > (currentClientWidth)){
|
||
cDiv_inner.style.overflowX="auto";
|
||
cDiv_inner.style.width=(currentClientWidth-currentLeft-5) + "px";
|
||
}else{
|
||
cDiv_inner.style.overflowX="hidden";
|
||
}
|
||
$me.dropList.setAttribute("oldWidth",oldWidth);
|
||
if(newWidth<$me.width)$me.dropList.style.width = $me.width+"px";
|
||
else $me.dropList.style.width = oldWidth+"px";
|
||
$me.childCreate=true;
|
||
}
|
||
}
|
||
var ev = getEvent(e);
|
||
ev.cancelBubble = true;
|
||
try
|
||
{
|
||
ev.stopDefault();
|
||
}catch(ex){};
|
||
};
|
||
})(this);
|
||
if(!this.readOnlyData)
|
||
{
|
||
this.comboBoxFrameDiv.onclick=clickHandler;
|
||
this.comboBoxFrameDiv.onmousedown=function(e){
|
||
cancelBubble(e);
|
||
};
|
||
}
|
||
else
|
||
{
|
||
this.comboBoxFrameDiv.onclick=null;
|
||
this.comboBoxFrameDiv.onmousedown=null;
|
||
}
|
||
if((this.loadMode=='ajax') && this.lazyLoad){
|
||
var valueHidden = this.valueHidden ;
|
||
valueHidden.value = this.value;
|
||
var rawValueHidden = this.rawValueHidden;
|
||
rawValueHidden.value=this.rawValue;
|
||
this.showValueDiv.value=this.rawValue;
|
||
}
|
||
else{
|
||
//将select中默认的选项显示出来
|
||
var tValue=this.rawValue;
|
||
iDiv.value=tValue;
|
||
if(this.loadMode=='ajax')
|
||
{
|
||
this.loadAjaxData(this.isAsync);
|
||
}
|
||
else if(this.loadMode=='local')
|
||
{
|
||
this.loadData();
|
||
}
|
||
}
|
||
};
|
||
tracywindyComboBox.prototype.setValue=function(value){
|
||
this.showValueDiv.value='';
|
||
this.value = value;
|
||
this.rawValue="";
|
||
this.loadData();
|
||
};
|
||
tracywindyComboBox.prototype.setFilterValue=function(value,filter){
|
||
this.grantValue = true;
|
||
this.value = value;
|
||
this.rawValue="";
|
||
this.loadData(filter);
|
||
};
|
||
tracywindyComboBox.prototype.setRawValue=function(rawValue){
|
||
this.showValueDiv.value='';
|
||
this.grantValue = true;
|
||
this.rawValue = rawValue;
|
||
this.value = "";
|
||
this.loadData();
|
||
};
|
||
tracywindyComboBox.prototype.setFilterRawValue=function(rawValue,filter){
|
||
this.rawValue=rawValue;
|
||
this.value = "";
|
||
this.loadData(filter);
|
||
};
|
||
tracywindyComboBox.prototype.getValue=function(){
|
||
return this.valueHidden.value;
|
||
};
|
||
tracywindyComboBox.prototype.getRawValue=function(){
|
||
return this.rawValueHidden.value;
|
||
};
|
||
tracywindyComboBox.prototype.loadData=function(filter){
|
||
this.lazyLoad = false;
|
||
//清空数据
|
||
// var itemHeight = 20;
|
||
var itemCount = 0;
|
||
this.dropList.innerHTML = '';
|
||
|
||
var datas = [];
|
||
var obj = {};
|
||
var isOwnerData = false;
|
||
if(this.datas){
|
||
if(this.datas.length == 1){
|
||
for(var p in this.datas[0]){
|
||
if(this.datas[0][p]){
|
||
isOwnerData = true;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
else
|
||
{
|
||
isOwnerData = true;
|
||
}
|
||
}
|
||
if(!isOwnerData){
|
||
this.datas = [];
|
||
}
|
||
if(this.datas.length>0)
|
||
{
|
||
var rowData = this.datas[0];
|
||
for(var p in rowData)
|
||
{
|
||
obj[p] = '';
|
||
}
|
||
if(!this.isCheck && this.isContainEmpty)datas.push(obj);
|
||
}
|
||
for(var ii=0;ii<this.datas.length;ii++)
|
||
{
|
||
datas.push(this.datas[ii]);
|
||
}
|
||
var isFoundData = false;
|
||
//重置返回数值
|
||
var valueHidden = this.valueHidden ;
|
||
valueHidden.value = '';
|
||
var rawValueHidden = this.rawValueHidden;
|
||
rawValueHidden.value='';
|
||
if(this.readOnly||this.grantValue)
|
||
{
|
||
this.showValueDiv.value='';
|
||
}
|
||
this.grantValue = false;
|
||
for (var i=0;i<datas.length;i++)
|
||
{
|
||
var data = datas[i];
|
||
if(filter)
|
||
{
|
||
if(!filter.test(data[this.displayField]))
|
||
{
|
||
continue;
|
||
}
|
||
}
|
||
isFoundData = true;
|
||
itemCount++;
|
||
var lLi= document.createElement("li");
|
||
//document.createElement("<li name='dropListLi_"+this.id+"'>");
|
||
lLi.className ="x-panel-combo-droplist-li";
|
||
lLi.innerHTML=data[this.displayField]||'';
|
||
lLi.realValue = data[this.valueField]||'';
|
||
lLi.rowData = data;
|
||
this.dropList.appendChild(lLi);
|
||
if(this.isCheck)
|
||
{
|
||
var checkString = "";
|
||
if(this.value)
|
||
{
|
||
var realValues = this.value.split(",");
|
||
for(var rIndex=0;rIndex<realValues.length;rIndex++)
|
||
{
|
||
var currentValue = realValues[rIndex];
|
||
if(lLi.realValue == currentValue)
|
||
{
|
||
checkString = "checked";
|
||
}
|
||
}
|
||
}
|
||
else if(this.rawValue)
|
||
{
|
||
var realRawValues = this.rawValue.split(",");
|
||
for(var rIndex=0;rIndex<realRawValues.length;rIndex++)
|
||
{
|
||
var currentRawValue = realRawValues[rIndex];
|
||
if(lLi.innerHTML == currentRawValue)
|
||
{
|
||
checkString = "checked";
|
||
}
|
||
}
|
||
}
|
||
lLi.innerHTML="<input type='checkbox' class='x-panel-combo-droplist-li-checkbox' name='dropListLiCheckbox_"+this.id+"' "+checkString+" value='"+lLi.realValue+"' rawValue='"+lLi.innerHTML+"'/>"+(data[this.displayField]||'');
|
||
}
|
||
else
|
||
{
|
||
if(this.value!='')
|
||
{
|
||
if(this.value == lLi.realValue)
|
||
{
|
||
this.showValueDiv.value=lLi.innerHTML;
|
||
valueHidden.value = lLi.realValue;
|
||
rawValueHidden.value = lLi.innerHTML;
|
||
addClass(lLi,"x-panel-combo-droplist-li-click");
|
||
}
|
||
}
|
||
else if(this.rawValue!='')
|
||
{
|
||
if(this.rawValue == lLi.innerHTML)
|
||
{
|
||
if(this.showValueDiv.value != this.rawValue)this.showValueDiv.value=lLi.innerHTML;
|
||
valueHidden.value = lLi.realValue;
|
||
rawValueHidden.value = lLi.innerHTML;
|
||
addClass(lLi,"x-panel-combo-droplist-li-click");
|
||
}
|
||
}
|
||
//为li标签添加鼠标事件
|
||
lLi.onmouseover=function(){
|
||
addClass(this,"x-panel-combo-droplist-li-alt");
|
||
};
|
||
lLi.onmouseout=function(){
|
||
removeClass(this,"x-panel-combo-droplist-li-alt");
|
||
};
|
||
var clickHandler = (function($me,data,valueHidden,rawValueHidden){
|
||
return function(e){
|
||
//同时我们把下拉的关闭掉。
|
||
document.getElementById("selectChild" + $me.id).style.display="none";
|
||
$me.childCreate=false;
|
||
$me.showValueDiv.value=this.innerHTML;
|
||
valueHidden.value = this.realValue;
|
||
rawValueHidden.value = this.innerHTML;
|
||
//modify by tracywindy begin
|
||
var relativeHiddenInput = $me.relativeHiddenInput||{} ;
|
||
relativeHiddenInput.value = valueHidden.value;
|
||
var relativeDisplayInput = $me.relativeDisplayInput||{};
|
||
relativeDisplayInput.value=rawValueHidden.value;
|
||
//modify by tracywindy end
|
||
var lis = document.getElementById('uUlchild'+$me.id).getElementsByTagName("li");
|
||
for(var i =0;i<lis.length;i++)
|
||
{
|
||
var li = lis[i];
|
||
removeClass(li,"x-panel-combo-droplist-li-click");
|
||
}
|
||
addClass(this,"x-panel-combo-droplist-li-click");
|
||
if($me.onSelect){
|
||
$me.onSelect($me,data);
|
||
}
|
||
$me.isTriggerSelected = true;
|
||
var ev = getEvent(e);
|
||
ev.cancelBubble = true;
|
||
try
|
||
{
|
||
ev.stopDefault();
|
||
}catch(ex){};
|
||
};
|
||
})(this,data,valueHidden,rawValueHidden);
|
||
lLi.onclick=clickHandler;
|
||
}
|
||
}
|
||
if(this.isCheck)
|
||
{
|
||
this.value = "";
|
||
this.rawValue="";
|
||
valueHidden.value = "";
|
||
rawValueHidden.value = "";
|
||
var realAllValue = "";
|
||
var realAllRawValue = "";
|
||
var liChecks = document.getElementsByName("dropListLiCheckbox_"+this.id);
|
||
for(var lcIndex=0;lcIndex<liChecks.length;lcIndex++)
|
||
{
|
||
var liCheck = liChecks[lcIndex];
|
||
var rowData = liCheck.getAttribute("rowData");
|
||
var checkClickFunc = (function($me,data,valueHidden,rawValueHidden){
|
||
return function(e){
|
||
valueHidden.value = "";
|
||
rawValueHidden.value = "";
|
||
$me.value ="";
|
||
$me.rawValue ="";
|
||
|
||
var realAllValue = "";
|
||
var realAllRawValue = "";
|
||
var liChecks = document.getElementsByName("dropListLiCheckbox_"+$me.id);
|
||
for(var lccIndex=0;lccIndex<liChecks.length;lccIndex++)
|
||
{
|
||
var liCheck = liChecks[lccIndex];
|
||
if(liCheck.checked)
|
||
{
|
||
realAllValue+=liCheck.value;
|
||
realAllValue+=",";
|
||
realAllRawValue+=liCheck.getAttribute("rawValue");
|
||
realAllRawValue+=",";
|
||
}
|
||
}
|
||
if(realAllValue.length>0)
|
||
{
|
||
$me.value = realAllValue.substring(0,realAllValue.length-1);
|
||
$me.rawValue = realAllRawValue.substring(0,realAllRawValue.length-1);
|
||
}
|
||
valueHidden.value = $me.value;
|
||
rawValueHidden.value = $me.rawValue;
|
||
$me.showValueDiv.value= $me.rawValue;
|
||
//modify by tracywindy begin
|
||
var relativeHiddenInput = $me.relativeHiddenInput||{} ;
|
||
relativeHiddenInput.value = valueHidden.value;
|
||
var relativeDisplayInput = $me.relativeDisplayInput||{};
|
||
relativeDisplayInput.value=rawValueHidden.value;
|
||
//modify by tracywindy end
|
||
if($me.onSelect){
|
||
$me.onSelect($me,data);
|
||
}
|
||
var ev = getEvent(e);
|
||
ev.cancelBubble = true;
|
||
try
|
||
{
|
||
ev.stopDefault();
|
||
}catch(ex){};
|
||
};
|
||
})(this,rowData,valueHidden,rawValueHidden);
|
||
if(liCheck.checked)
|
||
{
|
||
realAllValue+=liCheck.value;
|
||
realAllValue+=",";
|
||
realAllRawValue+=liCheck.getAttribute("rawValue");
|
||
realAllRawValue+=",";
|
||
}
|
||
liCheck.onclick=checkClickFunc;
|
||
}
|
||
if(realAllValue.length>0)
|
||
{
|
||
this.value = realAllValue.substring(0,realAllValue.length-1);
|
||
this.rawValue = realAllRawValue.substring(0,realAllRawValue.length-1);
|
||
}
|
||
valueHidden.value = this.value;
|
||
rawValueHidden.value = this.rawValue;
|
||
this.showValueDiv.value=this.rawValue;
|
||
}
|
||
else
|
||
{
|
||
this.value=valueHidden.value;
|
||
this.rawValue=rawValueHidden.value;
|
||
}
|
||
//modify by tracywindy begin
|
||
var relativeHiddenInput = this.relativeHiddenInput||{} ;
|
||
relativeHiddenInput.value = valueHidden.value;
|
||
var relativeDisplayInput = this.relativeDisplayInput||{};
|
||
relativeDisplayInput.value=rawValueHidden.value;
|
||
//modify by tracywindy end
|
||
if(!isFoundData){
|
||
var lLi= document.createElement("li");
|
||
//document.createElement("<li name='dropListLi_"+this.id+"'>");
|
||
lLi.className ="x-panel-combo-droplist-li";
|
||
lLi.innerHTML='无数据';
|
||
lLi.realValue = '';
|
||
lLi.rowData = {};
|
||
this.dropList.appendChild(lLi);
|
||
}
|
||
this.dropDiv.style.display="block";
|
||
this.dropListHeight = this.dropList.offsetHeight>0?this.dropList.offsetHeight:this.dropList.scrollHeight;//Math.max(this.dropList.offsetHeight,this.dropList.scrollHeight);
|
||
if(typeof(filter) =='undefined')
|
||
{
|
||
this.dropDiv.style.display="none";
|
||
}
|
||
this.dropListHeight = Math.min(this.dropListHeight,this.constDropListHeight);
|
||
this.dropDiv.style.height = this.dropListHeight+"px";
|
||
if(window.isPagePrint){
|
||
this.showValueDiv.style.width = Math.max(this.showValueDiv.offsetWidth,this.showValueDiv.scrollWidth)+"px";
|
||
}
|
||
if(typeof(filter) !='undefined'){
|
||
var $me = this;
|
||
var offset_inner=$me.Offset();
|
||
var cDiv_inner = $me.dropDiv;
|
||
|
||
var oldWidth = Math.max($me.dropList.offsetWidth,$me.dropList.scrollWidth);
|
||
var attrOldWidth = $me.dropList.getAttribute("oldWidth");
|
||
if(0 < parseInt(attrOldWidth)){
|
||
oldWidth = parseInt(attrOldWidth);
|
||
}
|
||
var oldHeight = Math.max($me.dropList.offsetHeight,$me.dropList.scrollHeight);
|
||
//var oldWidthAdd = 0;
|
||
var newWidth = oldWidth;
|
||
if(oldHeight > $me.dropListHeight){
|
||
newWidth+=18;
|
||
}
|
||
if((oldWidth)<$me.width){
|
||
cDiv_inner.style.width=(Math.max(newWidth,$me.width)+$me.dropListWidthAdd) + "px";
|
||
}else{
|
||
cDiv_inner.style.width=(Math.max(newWidth,$me.width)+$me.dropListWidthAdd) + "px";
|
||
}
|
||
$me.dropList.setAttribute("oldWidth",oldWidth);
|
||
if(newWidth<$me.width)$me.dropList.style.width = $me.width+"px";
|
||
else $me.dropList.style.width = oldWidth+"px";
|
||
|
||
cDiv_inner.style.top=(offset_inner.top+offset_inner.height+2+$me.topAdd)+ "px";
|
||
var clientHeight = (document.documentElement.clientHeight);
|
||
if((offset_inner.top+offset_inner.height+2+$me.dropListHeight)>=(clientHeight-1))
|
||
{
|
||
cDiv_inner.style.top=(offset_inner.top-$me.dropListHeight-2+$me.topAdd) + "px";
|
||
}
|
||
}
|
||
};
|