;(function($,window,document,undefined){

/* *定义Select构造函数 */

var Select=function(ele,opt){

this.$element=ele,

this.defaults={

Items:undefined,//下拉框绑定的数据源 Key Value对象

SelectedValue:undefined,

SelectedValueName:undefined,

SelectedLevel:undefined,

SelectChanged:undefined

},

this.options=$.extend({},this.defaults,opt)

}

Select.prototype={

//初始化

init:function(){

var $this=this;

if($this.SelectedValue==null

||$this.SelectedValue==undefined)

$this.SelectedValue="";

$this.$element.attr("data-role","select");

$this.BindHideEvent();

if($this.$element.parent().children('ul[data-sub-select-for="'+$this.$element.attr('data-id')+'"]').length<1){

$('

.css({'overflow-y:':'auto'})

.attr('data-id','content'+$this.$element.attr('data-id'));

}else{

$this.$element.parent().children('ul[data-sub-select-for="'+$this.$element.attr('data-id')+'"]')

.css({'overflow-y:':'auto'})

.attr('data-id','content'+$this.$element.attr('data-id'));

}

return this.$element.each(function(){

var $select=$(this);

$this.BindItems($select);

$this.InitShowEvent($select);

$select=null;

});

},

BindItems:function($select){

var $this=this;

var $ul=$select.find("ul.sub:first");

$select.attr("data-selected-value","");

$ul.empty()

.width($this.$element.width())

.css({'overflow-y:':'auto'})

.attr('data-id','content'+$this.$element.attr('data-id'));

var items=$this.options.Items;

if(items==undefined||items==null||items.length<1)return;

for(var i=0;i

var data=items[i];

var $li=$("

");

$li.attr("data-id",data.Id);

$li.attr("data-level",0);

$li.attr("title",data.Name);

$li.attr("data-children",JSON.stringify(data.Children));

if(data.Children!=null&&data.Children.length>0){

$li.html("  "+data.Name+"");

}

else{

$li.html(""+data.Name+"");

}

$ul.append($li);

$li.unbind("mousedown").mousedown(function(){

$this.HideUL();

$this.$element.attr("data-selected-level",$(this).attr("data-level"));

$this.$element.attr("data-selected-value",$(this).attr("data-id")).find("li>span>.text-top").text($(this).find(".text").text());

$this.RaiseSelectChanged($(this).attr("data-level"),$(this).attr("data-id"));

});

if(data.Children!=null&&data.Children.length>0){

$li.unbind("mouseenter").mouseenter(function(){

var offset=$(this).offset();

var $ul2=$this.$element.parent().children('ul[data-sub-select-for="'+$this.$element.attr('data-id')+'"]:first').empty();

var list=JSON.parse($(this).attr("data-children"));

if(list==null)return;

for(var j=0;j

{

var data2=list[j];

var $li2=$("

");

$li2.attr("data-id",data2.Id);

$li2.attr("data-level",1);

$li2.attr("title",data2.Name);

$li2.html(""+data2.Name+"");

$ul2.append($li2);

$li2.unbind("mousedown").mousedown(function(){

$this.HideUL();

$this.$element.attr("data-selected-level",$(this).attr("data-level"));

$this.$element.attr("data-selected-value",$(this).attr("data-id")).find("li>span>.text-top").text($(this).find(".text").text());

$this.RaiseSelectChanged($(this).attr("data-level"),$(this).attr("data-id"));

});

$li2=null;

data2=null;

}

list=null;

if($ul2.height()>$(window).height()-20){

$ul2.height($(window).height()-20);

}

if(offset.top+$ul2.height()>$(window).height()){

$ul2.css({left:(offset.left+$ul.width()-25)+'px',top: 20+'px' }).show();

}else{

$ul2.css({left:(offset.left+$ul.width()-25)+'px',top: offset.top+'px' }).show();

}

$ul2=null;

});

}else{

$li.unbind("mouseenter").mouseenter(function(){

$this.$element.parent().children('ul[data-sub-select-for="'+$this.$element.attr('data-id')+'"]:first').hide();

});

}

data=null;

$li=null;

}

if($this.SelectedValue==undefined||$this.SelectedValue==null||$this.SelectedValue.length<1){

$select.attr("data-selected-level","0");

$select.attr("data-selected-value",items[0].Id).find("li>span>.text-top").text(items[0].Name);

}else{

$select.attr("data-selected-level",$this.SelectedLevel);

$select.attr("data-selected-value",$this.SelectedValue).find("li>span>.text-top").text($this.SelectedValueName);

}

$this.options.Items=null;

},

//初始化显示事件

InitShowEvent:function($select){

var $this=this;

$select.find("li>span[data-role=\"select-able\"]").unbind("click").click(function(e){

if($select.hasClass("off")){

var offset=$select.offset();

var $ul=$select.find("ul.sub:first");

if(offset.top+$select.height()+$ul.height()>$(document).height()-offset.top-$select.height()-20){

$ul.height($(document).height()-offset.top-$select.height()-20);

}

$ul=null;

$select.find("ul.sub").css({ left: offset.left, top: offset.top+$select.height() });

$select.removeClass("off");

}else{

$this.HideUL();

}

e.stopPropagation();

});

},

//绑定隐藏事件

BindHideEvent:function(){

var $this=this;

if(typeof($this.$element.attr("data-id"))=="undefined"){

$this.$element.attr("data-id",$this.guid());

}

if(typeof($(document).attr('select_'+$this.$element.attr('data-id')))=="undefined"){

$(document).attr('select_'+$this.$element.attr('data-id'),'');

$(document).bind("mousedown",function(event){

var node = event.target;

if(typeof($(node).attr('data-id'))!='undefined'){

if($(node).attr('data-id')=='content'+$this.$element.attr('data-id')){

event.stopPropagation();

return;

}

}

$this.HideUL();

});

}

},

//隐藏

HideUL:function(){

var $this=this;

$this.$element.removeClass("off").addClass("off").parent().children('ul[data-sub-select-for="'+$this.$element.attr('data-id')+'"]').eq(0).empty().hide();

},

//选中的值修改时触发

RaiseSelectChanged:function(level,selectedValue){

if(this.options.SelectChanged==undefined||this.options.SelectChanged==null)return;

this.options.SelectChanged(level,selectedValue);

return;

}

}

/* *封装为Select插件 */

$.fn.select=function(options){

//创建Beautifier的实体

var obj = new Select(this, options);

//调用其方法

return obj.init();

};

/* *获取下拉框选中的值 */

$.fn.selectedValue=function(){

return this.attr("data-selected-value");

};

})(jQuery,window,document);