gdsx/WebRoot/resource/js/ks/ks-grid.js

 /**
  * grid.
  * @param {Object} $
  * @memberOf {TypeName} 
  * @return {TypeName} 
  */
(function($){
	
	$.addFlex = function(t,p)
	{
		if (t.grid) return false; //return if already exist	
		// apply default properties
		p = $.extend({
			 height: 300, //default height
			 width: 'auto', //auto width
			 striped: true, //apply odd even stripes
			 novstripe: false,
			 minwidth: 30, //min width of columns
			 minheight: 80, //min height of columns
			 resizable: false, //resizable table
			 url: false, //ajax url
			 method: 'POST', // data sending method
			 dataType: 'json', // type of data loaded
			 errormsg: 'Connection Error',
			 usepager: false, //
			 nowrap: true, //
			 page: 1, //current page
			 total: 1, //total rows
			 useRp: true, //use the results per page select box
			 rp: 15, // results per page
			 rpOptions: [10,15,20,30,50,100],
			 title: false,
			 pagestat: '显示记录从 {from}—{to}, 总数 {total} 条',
			 procmsg: '处理中, 请稍候 ...',
			 query: '',
			 qtype: '',
			 nomsg: '没有符合条件的记录存在!',
			 minColToggle: 1, //minimum allowed column to be hidden
			 showToggleBtn: true, //show or hide column toggle popup
			 hideOnSubmit: true,
			 autoload: true,
			 blockOpacity: 0.6,
			 onToggleCol: false,
			 onChangeSort: false,
			 onSuccess: false,
			 onSubmit: false, // using a custom populate function
			 useAjax:true,
			 pageName:'page',
			 pageSizeName:'pageSize',
			 realTime:false
		  }, p);
		  		
		$(t)
		.show() //show if hidden
		.attr({cellPadding: 0, cellSpacing: 0, border: 0})  //remove padding and spacing
		.removeAttr('width') //remove width properties	
		;
		
		//create grid class
		var g = {
			hset : {},
			rePosDrag: function () {

				var cdleft = 0 - this.hDiv.scrollLeft;
				if (this.hDiv.scrollLeft>0) cdleft -= Math.floor(p.cgwidth/2);
				$(g.cDrag).css({top:g.hDiv.offsetTop+1});
				var cdpad = this.cdpad;
				
				$('div',g.cDrag).hide();
				
				$('thead tr:first th:visible',this.hDiv).each
				(
			 		function ()
					{
						var n = $('thead tr:first th:visible',g.hDiv).index(this);
		
						var cdpos = parseInt($('div',this).width());
						var ppos = cdpos;
						if (cdleft==0) 
								cdleft -= Math.floor(p.cgwidth/2); 
		
						cdpos = cdpos + cdleft + cdpad;
						
						$('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();
		
						cdleft = cdpos;
					}
				);
				
			},
			fixHeight: function (newH) {
				newH = false;
				if (!newH) newH = $(g.bDiv).height();
				var hdHeight = $(this.hDiv).height();
				$('div',this.cDrag).each(
					function ()
						{
							$(this).height(newH+hdHeight);
						}
				);
				
				var nd = parseInt($(g.nDiv).height());
				
				if (nd>newH)
					$(g.nDiv).height(newH).width(200);
				else
					$(g.nDiv).height('auto').width('auto');
				
				//$(g.block).css({height:newH,marginBottom:(newH * -1)});
				
				var hrH = g.bDiv.offsetTop + newH;
				if (p.height != 'auto' && p.resizable) hrH = g.vDiv.offsetTop;
				$(g.rDiv).css({height: hrH});
				
			},
			dragStart: function (dragtype,e,obj) { //default drag function start
				
				if (dragtype=='colresize') //column resize
				{
					$(g.nDiv).hide();$(g.nBtn).hide();
					var n = $('div',this.cDrag).index(obj);
					var ow = $('th:visible div:eq('+n+')',this.hDiv).width();
					$(obj).addClass('dragging').siblings().hide();
					$(obj).prev().addClass('dragging').show();
					
					this.colresize = {startX: e.pageX, ol: parseInt(obj.style.left), ow: ow, n : n };
					$('body').css('cursor','col-resize');
				}
				else if (dragtype=='vresize') //table resize
				{
					var hgo = false;
					$('body').css('cursor','row-resize');
					if (obj) 
					{
						hgo = true;
						$('body').css('cursor','col-resize');
					}
					this.vresize = {h: p.height, sy: e.pageY, w: p.width, sx: e.pageX, hgo: hgo};
					
				}

				else if (dragtype=='colMove') //column header drag
				{
					$(g.nDiv).hide();$(g.nBtn).hide();
					this.hset = $(this.hDiv).offset();
					this.hset.right = this.hset.left + $('table',this.hDiv).width();
					this.hset.bottom = this.hset.top + $('table',this.hDiv).height();
					this.dcol = obj;
					this.dcoln = $('th',this.hDiv).index(obj);
					
					this.colCopy = document.createElement("div");
					this.colCopy.className = "colCopy";
					this.colCopy.innerHTML = obj.innerHTML;
					if ($.browser.msie)
					{
						this.colCopy.className = "colCopy ie";
					}
					$(this.colCopy).css({position:'absolute',styleFloat:'left',display:'none', textAlign: obj.align});
					$('body').append(this.colCopy);
					$(this.cDrag).hide();
				}
														
				$('body').noSelect();
			
			},
			dragMove: function (e) {
			
				if (this.colresize) //column resize
				{
					var n = this.colresize.n;
					var diff = e.pageX-this.colresize.startX;
					var nleft = this.colresize.ol + diff;
					var nw = this.colresize.ow + diff;
					if (nw > p.minwidth)
					{
						$('div:eq('+n+')',this.cDrag).css('left',nleft);
						this.colresize.nw = nw;
					}
				}
				else if (this.vresize) //table resize
				{
					var v = this.vresize;
					var y = e.pageY;
					var diff = y-v.sy;
					
					if (!p.defwidth) p.defwidth = p.width;
					
					if (p.width != 'auto' && !p.nohresize && v.hgo)
					{
						var x = e.pageX;
						var xdiff = x - v.sx;
						var newW = v.w + xdiff;
						if (newW > p.defwidth)
							{
								this.gDiv.style.width = newW + 'px';
								p.width = newW;
							}
					}
					
					var newH = v.h + diff;
					if ((newH > p.minheight || p.height < p.minheight) && !v.hgo)
						{
							this.bDiv.style.height = newH + 'px';
							p.height = newH;
							this.fixHeight(newH);
						}
					v = null;
				}
				else if (this.colCopy) {
					$(this.dcol).addClass('thMove').removeClass('thOver'); 
					if (e.pageX > this.hset.right || e.pageX < this.hset.left || e.pageY > this.hset.bottom || e.pageY < this.hset.top)
					{
						//this.dragEnd();
						$('body').css('cursor','move');
					}
					else 
					$('body').css('cursor','pointer');
					$(this.colCopy).css({top:e.pageY + 10,left:e.pageX + 20, display: 'block'});
				}													
			
			},
			dragEnd: function () {
				if (this.colresize)
				{
					var n = this.colresize.n;
					var nw = this.colresize.nw;

					$('th:visible div:eq('+n+')',this.hDiv).css('width',nw);
					$('tr',this.bDiv).each (
						function ()
							{
							$('td:visible div:eq('+n+')',this).css('width',nw);
							}
					);
					this.hDiv.scrollLeft = this.bDiv.scrollLeft;


					$('div:eq('+n+')',this.cDrag).siblings().show();
					$('.dragging',this.cDrag).removeClass('dragging');
					this.rePosDrag();
					this.fixHeight();
					this.colresize = false;
				}
				else if (this.vresize)
				{
					this.vresize = false;
				}
				else if (this.colCopy)
				{
					$(this.colCopy).remove();
					if (this.dcolt != null)
					{
						if (this.dcoln>this.dcolt)
							$('th:eq('+this.dcolt+')',this.hDiv).before(this.dcol);
						else
							$('th:eq('+this.dcolt+')',this.hDiv).after(this.dcol);
						
						this.switchCol(this.dcoln,this.dcolt);
						$(this.cdropleft).remove();
						$(this.cdropright).remove();
						this.rePosDrag();
					}
					this.dcol = null;
					this.hset = null;
					this.dcoln = null;
					this.dcolt = null;
					this.colCopy = null;
					
					$('.thMove',this.hDiv).removeClass('thMove');
					$(this.cDrag).show();
				}										
				$('body').css('cursor','default');
				$('body').noSelect(false);
			},
			toggleCol: function(cid,visible) {
				
				var ncol = $("th[axis='col"+cid+"']",this.hDiv)[0];
				var n = $('thead th',g.hDiv).index(ncol);
				var cb = $('input[value='+cid+']',g.nDiv)[0];
//				alert(cb.checked);
				
				if (visible==null ) {
					visible = cb.checked;
				}
				if ($('input:checked',g.nDiv).length<p.minColToggle&&!visible) return false;
				// =======add by ls
				//var form = $(t).parents("form:first");
				// =======add by ls end
				if (visible)
					{
						ncol.hide = false;
						$(ncol).show();
						cb.checked = true;
						// =======add by ls
						//if (form && p.method.toLowerCase() == 'post') {
							//alert("可见");
						//	$("#colHides"+parseInt(cid)).remove();
						//}
						// =======add by ls end
					}
				else {
					// =======add by ls
					//if (form && p.method.toLowerCase() == 'post') {
					//	form.append($("<input type='hidden'>").attr({name:"colHides",value:cid,id:("colHides"+parseInt(cid))}));
						//alert("隐藏");
						//alert($("#colHides"+parseInt(cid)).attr("name"));
					//}
					// =======add by ls end
					ncol.hide = true;
					$(ncol).hide();
					cb.checked = false;
				}
					
				$('tbody tr',t).each(
					function ()
					{
						if (visible)
							$('td:eq('+n+')',this).show();
						else
							$('td:eq('+n+')',this).hide();
					}
				);							
				
				this.rePosDrag();
				
				if (p.onToggleCol) p.onToggleCol(cid,visible);
				return visible;
			},
			switchCol: function(cdrag,cdrop) { //switch columns
				
				$('tbody tr',t).each
					(
						function ()
							{
								if (cdrag>cdrop)
									$('td:eq('+cdrop+')',this).before($('td:eq('+cdrag+')',this));
								else
									$('td:eq('+cdrop+')',this).after($('td:eq('+cdrag+')',this));
							}
					);
					
					//switch order in nDiv
					if (cdrag>cdrop)
						$('tr:eq('+cdrop+')',this.nDiv).before($('tr:eq('+cdrag+')',this.nDiv));
					else
						$('tr:eq('+cdrop+')',this.nDiv).after($('tr:eq('+cdrag+')',this.nDiv));
						
					if ($.browser.msie&&$.browser.version<7.0) $('tr:eq('+cdrop+') input',this.nDiv)[0].checked = true;	
					
					this.hDiv.scrollLeft = this.bDiv.scrollLeft;
			},			
			scroll: function() {
					this.hDiv.scrollLeft = this.bDiv.scrollLeft;
					this.rePosDrag();
			},
			addData: function (data) { //parse data
				if (p.preProcess)
					data = p.preProcess(data);
					
				if ($.isFunction(p.ajaxDataHandler)) {
					p.ajaxDataHandler.call(g, data, p);
				}

				$('.pReload',this.pDiv).removeClass('loading');
				this.loading = false;
				

				if (!data) 
				{
					$('.pPageStat',this.pDiv).html(p.errormsg);	
					return false;
				}

				if (p.dataType=='xml')
					p.total = +$('rows total',data).text();
				else
					p.total = data.total;

				if (p.total==0)
				{
					$('tr, a, td, div',t).unbind();
					$(t).empty();
					p.pages = 1;
					p.page = 1;
					this.buildpager();
					$('.pPageStat',this.pDiv).html(p.nomsg);
					return false;
				}
				
				p.pages = Math.ceil(p.total/p.rp);
				
				if (p.dataType=='xml')
					p.page = +$('rows page',data).text();
				else
					p.page = data.page;
				
				this.buildpager();

				//build new body
				var tbody = document.createElement('tbody');
				
				if (p.dataType=='json'){
					$.each(data.rows, function(i,row) {
						var tr = document.createElement('tr');
						if (i % 2 && p.striped) tr.className = 'erow';
						if (row.id) tr.id = 'row' + row.id;
							//add cell
							$('thead tr:first th',g.hDiv).each(function(i){
								
								var td = document.createElement('td');
								var field = $(this).attr('field');
								
								//add by ls
								var tdalign = this.getAttribute('tdalign');
								if (tdalign) td.align = tdalign;
			                    td.width = this.width;
			                    td.style.display = this.style.display;
			                    td.style.cssText = this.style.cssText;
			                    
//			                    var tempStyle = this.getAttribute('tempStyle');
//			                    if(tempStyle){
//			                    	 td.style.cssText += tempStyle;
//			                    }
//								td.align = this.align; //remove by ls
			                    
			                    
								if (typeof(field) != 'undefined') {
									var fieldData = row[field];
									
									if(String(fieldData) == 'true'){
										fieldData = '是';
									}else if(String(fieldData) == 'false'){
										fieldData = '否';
									}
									
									if (typeof(fieldData) != 'undefined') {
										td.innerHTML =  fieldData == null ? "" : fieldData;
									} else {
										td.innerHTML = "&nbsp;";
									}
									fieldData = null;
								}
								$(tr).append(td);
								td = null;
							}); 
							if ($('thead',this.gDiv).length<1){ //handle if grid has no headers 
								for (var field in row) {
									var td = document.createElement('td');
									td.innerHTML = row[field];
									$(tr).append(td);
									td = null;
								}
							}							
							$(tbody).append(tr);
							tr = null;
					});	
					
//					$('thead tr:first th',g.hDiv).each(function(){
//						var thisDisplay = this.style.display;
//						this.setAttribute("tempStyle",this.style.cssText);
//						this.style.cssText = "";
//						this.style.display = thisDisplay;
//					});
					
					
				} else if (p.dataType=='xml') {

				i = 1;

				$("rows row",data).each
				(
				 
				 	function ()
					{
						
						i++;
						
						var tr = document.createElement('tr');
						if (i % 2 && p.striped) tr.className = 'erow';

						var nid =$(this).attr('id');
						if (nid) tr.id = 'row' + nid;
						
						nid = null;
						
						var robj = this;

						
						
						$('thead tr:first th',g.hDiv).each
						(
						 	function ()
								{
									
									var td = document.createElement('td');
									var idx = $(this).attr('axis').substr(3);
									td.align = this.align;
									td.innerHTML = $("cell:eq("+ idx +")",robj).text();
									$(tr).append(td);
									td = null;
								}
						);
						
						
						if ($('thead',this.gDiv).length<1) //handle if grid has no headers
						{
							$('cell',this).each
							(
							 	function ()
									{
									var td = document.createElement('td');
									td.innerHTML = $(this).text();
									$(tr).append(td);
									td = null;
									}
							);
						}
						
						$(tbody).append(tr);
						tr = null;
						robj = null;
					}
				);
				
				} else if (p.dataType=='xhtml') {
					i = 1;
					$("table[id=" + t.id + "] tbody tr", data).each
					(
					 
					 	function ()
						{
							
							i++;
							
							var tr = document.createElement('tr');
							if (i % 2 && p.striped) tr.className = 'erow';

							var nid =$(this).attr('id');
							if (nid) tr.id = 'row' + nid;
							
							nid = null;
							
							var robj = this;

							
							
							$('thead tr:first th',g.hDiv).each
							(
							 	function ()
									{
										
										var td = document.createElement('td');
										var idx = $(this).attr('axis').substr(3);
										td.align = this.align;
										td.innerHTML = $("td:eq("+ idx +")",robj).text();
										$(tr).append(td);
										td = null;
									}
							);
							
							
							if ($('thead',this.gDiv).length<1) //handle if grid has no headers
							{
								$('td',this).each
								(
								 	function ()
										{
										var td = document.createElement('td');
										td.innerHTML = $(this).text();
										$(tr).append(td);
										td = null;
										}
								);
							}
							
							$(tbody).append(tr);
							tr = null;
							robj = null;
						}
					);
				}
				

				$('tr',t).unbind();
				$(t).empty();
				
				$(t).append(tbody);
				this.addCellProp();
				this.addRowProp();
				
				//this.fixHeight($(this.bDiv).height());
				
				this.rePosDrag();
				
				tbody = null; data = null; i = null; 
				
				if (p.onSuccess) p.onSuccess();
				if (p.hideOnSubmit) $(g.block).remove();//$(t).show();
				
				this.hDiv.scrollLeft = this.bDiv.scrollLeft;
				if ($.browser.opera) $(t).css('visibility','visible');
				
				if ($.isFunction(p.loadSuccessHandler)) {
					p.loadSuccessHandler.call(g,p);
				}
				
			},
			changeSort: function(th) { //change sortorder
			
				if (this.loading) return true;
				
				$(g.nDiv).hide();$(g.nBtn).hide();
				
				p.sortname= $(th).attr('abbr');
				if (p.sortname == $(th).attr('abbr'))
					{
						if (p.sortorder=='asc') p.sortorder = 'desc'; 
						else p.sortorder = 'asc';		
					}
				
				$(th).addClass('sorted').siblings().removeClass('sorted');
				$('.sdesc',this.hDiv).removeClass('sdesc');
				$('.sasc',this.hDiv).removeClass('sasc');
//				alert(p.sortorder);
//				alert(p.sortname);
				$('div',th).addClass('s'+p.sortorder);
				
				if (p.onChangeSort)
					p.onChangeSort(p.sortname,p.sortorder);
				else
					this.populate();				
			
			},
			buildpager: function(){ //rebuild pager based on new properties
			
				$('.pcontrol input',this.pDiv).val(p.page);
				$('.pcontrol span',this.pDiv).html(p.pages + " 页");
				
				var r1 = (p.page-1) * p.rp + 1; 
				var r2 = r1 + p.rp - 1; 
				
				if (p.total<r2) r2 = p.total;
				
				var stat = p.pagestat;
				
				stat = stat.replace(/{from}/,r1);
				stat = stat.replace(/{to}/,r2);
				stat = stat.replace(/{total}/,p.total);
				
				$('.pPageStat',this.pDiv).html(stat);
			},
			populate: function () { //get latest data

				if (this.loading) return true;

				if (p.onSubmit)
				{
					var gh = p.onSubmit();
					if (!gh) return false;
				}
				
				if (p.page>p.pages) p.page = p.pages;
				if (!p.newp) p.newp = p.page;
				
				//by ls
				if (!p.useAjax) {
					var form = $(t).parents("form:first");
					if (form && p.method.toLowerCase() == 'post') {
						form.append($("<input type='hidden'>").attr({name:"grid",value:$(t).attr("id")}));
						form.append($("<input type='hidden'>").attr({name:p.pageName,value:p.newp}));
						form.append($("<input type='hidden'>").attr({name:p.pageSizeName,value:p.rp}));
//						$(':hidden[name=' + p.pageName + ']', form).val(p.newp);
//						$(':hidden[name=' + p.pageSizeName + ']', form).val(p.rp);
						
						if (p.sortname){
							form.append($("<input type='hidden'>").attr({name:"sortname",value:p.sortname}));
						}
						if (p.sortorder){
							// =======add by ls
							if(p.sortorder == "asc"){
								$("#orderId").remove();
								p.sortorder == "desc";
							}else{
								$("#orderId").remove();
								p.sortorder == "asc";
							}
							// =======add by ls end
							form.append($("<input type='hidden'>").attr({name:"sortorder",value:p.sortorder}));
						}
							
						var gh = true;
						if (form.onsubmit) gh = form.onsubmit();
						if (gh) {
							if (p.url) $(form).attr("action", p.url);
							$(form).submit();
						}
					} else {
						var url = p.url ? p.url : window.location.href;
						var qsPos = url.indexOf("?");
						var qsParser;
						if (qsPos != -1) {
							qsParser = $.querystring(url.substr(qsPos + 1));
							url = url.substr(0, qsPos);
						} else {
							qsParser = $.querystring('');
						}
						qsParser.set('grid', $(t).attr("id")).set(p.pageName, p.newp)
							.set('pageSize', p.rp);
						if (p.sortname && p.sortname.length > 0) 
							qsParser.set('sortname', p.sortname).set('sortorder', p.sortorder);
						if (p.qtype && p.qtype.length > 0 && p.query.length > 0)
							qsParser.set('filterValue', p.query).set('filterField', p.qtype);
						window.location.href = url + "?" + qsParser.toString();
					}
					return true;
				}
				if (!p.url) return false;
				
				this.loading = true;
				
				
				$('.pPageStat',this.pDiv).html(p.procmsg);
				
				$('.pReload',this.pDiv).addClass('loading');
				
				//block to prevent to operate the grid.
				var hDivOffset = $(g.hDiv).offset();
				$(g.block).css({
					top:hDivOffset.top,
					left:hDivOffset.left,
					height:$(g.hDiv).height() + $(g.bDiv).height(),
					width:$(g.hDiv).width()
				});
				
				if (p.hideOnSubmit && !p.realTime) $("body").append(g.block); //$(t).hide();
				
				if ($.browser.opera) $(t).css('visibility','hidden');
				//--------------
				//var param = {page:p.newp, rp: p.rp, sortname: p.sortname, sortorder: p.sortorder, query: p.query, qtype: p.qtype};
				var param = [
					 { name : p.pageName, value : p.newp }
					,{ name : p.pageSizeName, value : p.rp }
					,{ name : 'sortname', value : p.sortname}
					,{ name : 'sortorder', value : p.sortorder }
					,{ name : 'filterValue', value : p.query}
					,{ name : 'filterField', value : p.qtype}
				];
				//alert(p.query);
				//alert(p.qtype);
				if (p.params)
				{
					for (var pi = 0; pi < p.params.length; pi++) param[param.length] = p.params[pi];
				}
				
				
				$.ajax({
					type: p.method,
					url: p.url,
					data: param,
					timeout : 20000,
					cache : false,
					dataType: p.dataType == 'xhtml' ? 'xml' : p.dataType,
					success: function(data){
						/**
	                     * 获取数据成功后的操作
	                     * 1.设置加载状态为：false,
	                     * 2.向grid中加入数据
	                     * 3.关掉grid遮罩
	                     */
	                    g.addData(data);
	                    if (p.hideOnSubmit) {
	                    	if(g.loading == true){
	                    		g.loading = false;
	                    		//setTimeout(function(){$(g.block).remove();},1000);
	                    		$(g.block).remove();
	                    	}
	                    }
					
//						g.addData(data);
//						if (p.hideOnSubmit) {
//							$(g.block).remove();
//						}
					},
					error: function(req, status, e) {
						try { 
							if (p.onError) 
								p.onError(data); 
							else
								alert('获取列表数据失败!\n' + req.status + ":" + req.statusText);
						} catch (e) {} 
						if (p.hideOnSubmit) $(g.block).remove();
				   	}
				 });
			},
			doSearch: function () {
				p.query = $('input[name=filterValue]',g.sDiv).val();
				p.qtype = $('select[name=filterField]',g.sDiv).val();
				p.newp = 1;
				this.populate();				
			},
			changePage: function (ctype){ //change page
			
				if (this.loading) return true;
				switch(ctype)
				{
					case 'first': p.newp = 1; break;
					case 'prev': if (p.page>1) p.newp = parseInt(p.page) - 1; break;
					case 'next': if (p.page<p.pages) p.newp = parseInt(p.page) + 1; break;
					case 'last': p.newp = p.pages; break;
					case 'input': 
							var nv = parseInt($('.pcontrol input',this.pDiv).val());
							if (isNaN(nv)) nv = 1;
							if (nv<1) nv = 1;
							else if (nv > p.pages) nv = p.pages;
							$('.pcontrol input',this.pDiv).val(nv);
							p.newp =nv;
							break;
				}
				if (typeof(p.newp) != 'number' || p.newp==p.page) return false;
				
				if (p.onChangePage) 
					p.onChangePage(p.newp);
				else				
					this.populate();
			
			},
			addCellProp: function ()
			{
				
					$('tbody tr td',g.bDiv).each
					(
						function ()
						{
								var tdDiv = document.createElement('div');
								var n = $('td',$(this).parent()).index(this);
								var pth = $('th:eq('+n+')',g.hDiv).get(0);
		
								if (pth!=null)
								{
									if (p.sortname==$(pth).attr('abbr')&&p.sortname) 
									{
										this.className = 'sorted';
									}
									$(tdDiv).css({
									 	textAlign:this.getAttribute("align") ? this.align : pth.align, 
									 	width: this.width.length > 0 ? this.width : $('div:first',pth)[0].style.width
									});
								 	if (pth.hide) $(this).css('display','none');
								 	
								 	if (p.nowrap==false || pth.noWrap == false) $(tdDiv).css('white-space','normal');
								 } else {
								 	$(tdDiv).css({
								 		textAlign : this.getAttribute("align"),
								 		width : this.width + "px"
								 	});
								 	if (this.noWrap == false) $(tdDiv).css('white-space','normal');
								 }
								 if (this.innerHTML=='') this.innerHTML = '&nbsp;';
								 
								 //tdDiv.value = this.innerHTML; //store preprocess value
								 //tdDiv.innerHTML = this.innerHTML;
								 
								 $(tdDiv).append($(this).contents());
								 
								 var prnt = $(this).parent()[0];
								 var pid = false;
								 if (prnt.id) pid = prnt.id.substr(3);
								 
								 if (pth!=null)
								 {
								 	if (pth.process) pth.process(tdDiv,pid);
								 }
								 
								$(this).empty().append(tdDiv).removeAttr('width'); //wrap content

								//add editable event here 'dblclick'

							}
					);
					
			},
			getCellDim: function (obj) // get cell prop for editable event
			{
				var ht = parseInt($(obj).height());
				var pht = parseInt($(obj).parent().height());
				var wt = parseInt(obj.style.width);
				var pwt = parseInt($(obj).parent().width());
				var top = obj.offsetParent.offsetTop;
				var left = obj.offsetParent.offsetLeft;
				var pdl = parseInt($(obj).css('paddingLeft'));
				var pdt = parseInt($(obj).css('paddingTop'));
				return {ht:ht,wt:wt,top:top,left:left,pdl:pdl, pdt:pdt, pht:pht, pwt: pwt};
			},
			addRowProp: function()
			{
					$('tbody tr',g.bDiv).each
					(
						function ()
							{
							$(this)
							.click(
								function (e) 
									{ 
										var obj = (e.target || e.srcElement); if (obj.href || obj.type) return true;
										$(this).toggleClass('trSelected');
										if (p.singleSelect) $(this).siblings().removeClass('trSelected');
									}
							)
							.mousedown(
								function (e)
									{
										if (e.shiftKey)
										{
										$(this).toggleClass('trSelected'); 
										g.multisel = true; 
										this.focus();
										$(g.gDiv).noSelect();
										}
									}
							)
							.mouseup(
								function ()
									{
										if (g.multisel)
										{
										g.multisel = false;
										$(g.gDiv).noSelect(false);
										}
									}
							)
							.hover(
								function (e) 
									{ 
									if (g.multisel) 
										{
										$(this).toggleClass('trSelected'); 
										}
									},
								function () {}						
							)
							;
							
							if ($.browser.msie&&$.browser.version<7.0)
								{
									$(this)
									.hover(
										function () { $(this).addClass('trOver'); },
										function () { $(this).removeClass('trOver'); }
									)
									;
								}
							}
					);
					
					
			},
			pager: 0
		};		
		
		//create model if any
		if (p.colModel)
		{
			thead = document.createElement('thead');
			tr = document.createElement('tr');
			
			for (i=0;i<p.colModel.length;i++)
				{
					var cm = p.colModel[i];
					var th = document.createElement('th');

					th.innerHTML = cm.display;
					
					if (cm.name&&cm.sortable)
						$(th).attr('abbr',cm.name);
					
					//th.idx = i;
					$(th).attr('axis','col'+i);
					
					if (cm.align)
						th.align = cm.align;
						
					if (cm.width) 
						$(th).attr('width',cm.width);

					if (cm.hide)
						{
						th.hide = true;
						}
						
					if (cm.process)
						{
							th.process = cm.process;
						}

					$(tr).append(th);
				}
			$(thead).append(tr);
			$(t).prepend(thead);
		} // end if p.colmodel	

		//init divs
		g.gDiv = document.createElement('div'); //create global container
		g.mDiv = document.createElement('div'); //create title container
		g.hDiv = document.createElement('div'); //create header container
		g.bDiv = document.createElement('div'); //create body container
		if (p.freezeColumn > 0) {
			g.fhDiv = document.createElement('div'); //create freeze header container
			g.fbDiv = document.createElement('div'); //create freeze body container
		}
		g.vDiv = document.createElement('div'); //create grip
		g.rDiv = document.createElement('div'); //create horizontal resizer
		g.cDrag = document.createElement('div'); //create column drag
		g.block = document.createElement('div'); //creat blocker
		g.nDiv = document.createElement('div'); //create column show/hide popup
		g.nBtn = document.createElement('div'); //create column show/hide button
		g.iDiv = document.createElement('div'); //create editable layer
		g.tDiv = document.createElement('div'); //create toolbar
		g.sDiv = document.createElement('div');
		
		if (p.usepager) g.pDiv = document.createElement('div'); //create pager container
		g.hTable = document.createElement('table');

		//set gDiv
		g.gDiv.className = 'flexigrid';
		if (!isNaN(p.width)) g.gDiv.style.width = p.width + 'px';

		//add conditional classes
		if ($.browser.msie)
			$(g.gDiv).addClass('ie');
		
		if (p.novstripe)
			$(g.gDiv).addClass('novstripe');

		// added by ls at 2009-7-6 15:25	
		if (!isNaN(p.restHeight)) {
			var bch = document.documentElement.clientHeight;
			bch -= p.restHeight;
			if (p.usepager)
				bch -= 30;
			if (p.resizable)
				bch -= 5;
			if (p.title)
				bch -= 30;
			p.height = bch - 20;
		}
		
		// end
		$(t).before(g.gDiv);
		$(g.gDiv)
		.append(t)
		;

		//set toolbar
		if (p.buttons) 
		{
			g.tDiv.className = 'tDiv';
			var tDiv2 = document.createElement('div');
			tDiv2.className = 'tDiv2';
			
			for (i=0;i<p.buttons.length;i++)
				{
					var btn = p.buttons[i];
					if (!btn.separator)
					{
						var btnDiv = document.createElement('div');
						btnDiv.className = 'fbutton';
						btnDiv.innerHTML = "<div><span>"+btn.name+"</span></div>";
						if (btn.bclass) 
							$('span',btnDiv)
							.addClass(btn.bclass)
							.css({paddingLeft:20})
							;
						btnDiv.onpress = btn.onpress;
						btnDiv.name = btn.name;
						if (btn.onpress)
						{
							$(btnDiv).click
							(	
								function () 
								{
								this.onpress(this.name,g.gDiv);
								}
							);
						}
						$(tDiv2).append(btnDiv);
						if ($.browser.msie&&$.browser.version<7.0)
						{
							$(btnDiv).hover(function(){$(this).addClass('fbOver');},function(){$(this).removeClass('fbOver');});
						}
						
					} else {
						$(tDiv2).append("<div class='btnseparator'></div>");
					}
				}
				$(g.tDiv).append(tDiv2);
				$(g.tDiv).append("<div style='clear:both'></div>");
				$(g.gDiv).prepend(g.tDiv);
		}
		
		//set hDiv
		g.hDiv.className = 'hDiv';

		$(t).before(g.hDiv);

		//set hTable
		
		g.hTable.cellPadding = 0;
		g.hTable.cellSpacing = 0;
		$(g.hDiv).append('<div class="hDivBox"></div>');
		$('div',g.hDiv).append(g.hTable);
		var thead = $("thead:first",t).get(0);
		if (thead) $(g.hTable).append(thead);
		thead = null;
		
		if (!p.colmodel) var ci = 0;

		//setup thead			
		$('thead tr:first th',g.hDiv).each(function (){
			var thdiv = document.createElement('div');
					
			if ($(this).attr('abbr')) {
				$(this).click( function(e){
					if (!$(this).hasClass('thOver')) return false;
					var obj = (e.target || e.srcElement);
					if (obj.href || obj.type) return true; 
					g.changeSort(this);
				});
				
				if ($(this).attr('abbr')==p.sortname){
				this.className = 'sorted';
				thdiv.className = 's'+p.sortorder;
				}
			}
			if (this.style.display) $(this).hide();
			
			if (!p.colmodel){
				$(this).attr('axis','col' + ci++);
			}
							
							
						 $(thdiv).css({textAlign:this.align, width: this.width + 'px'});
						 thdiv.innerHTML = this.innerHTML;
						 
						$(this).empty().append(thdiv).removeAttr('width')
						.mousedown(function (e) 
							{
								//by ls
								if ($(this).attr("movable")) g.dragStart('colMove',e,this);
							})
						.hover(
							function(){
								
								if (!g.colresize&&!$(this).hasClass('thMove')&&!g.colCopy && $(this).attr("movable") != undefined) {
									$(this).addClass('thOver');
								}
								
								if ($(this).attr('abbr')!=p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr')) $('div',this).addClass('s'+p.sortorder);
								else if ($(this).attr('abbr')==p.sortname&&!g.colCopy&&!g.colresize&&$(this).attr('abbr'))
									{
										var no = '';
										if (p.sortorder=='asc') no = 'desc';
										else no = 'asc';
										$('div',this).removeClass('s'+p.sortorder).addClass('s'+no);
									}
								
								if (g.colCopy) 
									{
									var n = $('th',g.hDiv).index(this);
									
									if (n==g.dcoln) return false;
									
									
									
									if (n<g.dcoln) $(this).append(g.cdropleft);
									else $(this).append(g.cdropright);
									
									g.dcolt = n;
									
									} else if (!g.colresize) {
										
									var nv = $('th:visible',g.hDiv).index(this);
									var onl = parseInt($('div:eq('+nv+')',g.cDrag).css('left'));
									var nw = parseInt($(g.nBtn).width()) + parseInt($(g.nBtn).css('borderLeftWidth'));
									nl = onl - (isNaN(nw) ? 0 : nw) + Math.floor(p.cgwidth/2);
									
									$(g.nDiv).hide();$(g.nBtn).hide();

									if (p.showToggleBtn && this.getAttribute("togglable") != "false") $(g.nBtn).css({'left':nl,top:g.hDiv.offsetTop}).show();
									
									var ndw = parseInt($(g.nDiv).width());
									
									$(g.nDiv).css({top:g.bDiv.offsetTop});
									
									if ((nl+ndw)>$(g.gDiv).width()) {
										$(g.nDiv).css('left',onl-ndw+1);
									} else {
										$(g.nDiv).css('left',nl);
									}
										
									if ($(this).hasClass('sorted')) 
										$(g.nBtn).addClass('srtd');
									else
										$(g.nBtn).removeClass('srtd');
										
									}
									
							},
							function(){
								$(this).removeClass('thOver');
								if ($(this).attr('abbr')!=p.sortname) $('div',this).removeClass('s'+p.sortorder);
								else if ($(this).attr('abbr')==p.sortname)
									{
										var no = '';
										if (p.sortorder=='asc') no = 'desc';
										else no = 'asc';
										
										$('div',this).addClass('s'+p.sortorder).removeClass('s'+no);
									}
								if (g.colCopy) 
									{								
									$(g.cdropleft).remove();
									$(g.cdropright).remove();
									g.dcolt = null;
									}
							})
						; //wrap content
					}
			);
		

		//set bDiv
		g.bDiv.className = 'bDiv';
		$(t).before(g.bDiv);
		//替换下面注释
		if ($.browser.msie){
			if(p.height=='auto'){
				$(g.bDiv).css({ height:'auto'}).scroll(function(e) {
					g.scroll()
				}).append(t);
			}else{
				if(p.height<0){
					
				}else{
					g.bDiv.style.height = p.height+"px";
				
					$(g.bDiv).scroll(function(e) {
						g.scroll()
					}).append(t);
				}
			}
		}else{
			$(g.bDiv).css({ height: (p.height=='auto') ? 'auto' : p.height+"px"}).scroll(
				function (e) {
					g.scroll()
				}) .append(t);
		}
		
		if (p.height == 'auto') 
		{
			$('table',g.bDiv).addClass('autoht');
			g.bDiv.style.overflowY = 'hidden';
		}
		
//		$(g.bDiv).css({ height: (p.height=='auto') ? 'auto' : p.height+"px"}) .scroll(function (e) {g.scroll()}).append(t) ;
//		
//		if (p.height == 'auto') 
//		{
//			$('table',g.bDiv).addClass('autoht');
//			g.bDiv.style.overflowY = 'hidden';
//		}


		//add td properties
		g.addCellProp();
		
		//add row properties
		g.addRowProp();
		
		
		//set cDrag
		
		var cdcol = $('thead tr:first th:first',g.hDiv).get(0);
		
		if (cdcol != null)
		{		
		g.cDrag.className = 'cDrag';
		g.cdpad = 0;
		
		g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderLeftWidth'))) ? 0 : parseInt($('div',cdcol).css('borderLeftWidth'))); 
		g.cdpad += (isNaN(parseInt($('div',cdcol).css('borderRightWidth'))) ? 0 : parseInt($('div',cdcol).css('borderRightWidth'))); 
		g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingLeft'))) ? 0 : parseInt($('div',cdcol).css('paddingLeft'))); 
		g.cdpad += (isNaN(parseInt($('div',cdcol).css('paddingRight'))) ? 0 : parseInt($('div',cdcol).css('paddingRight'))); 
		g.cdpad += (isNaN(parseInt($(cdcol).css('borderLeftWidth'))) ? 0 : parseInt($(cdcol).css('borderLeftWidth'))); 
		g.cdpad += (isNaN(parseInt($(cdcol).css('borderRightWidth'))) ? 0 : parseInt($(cdcol).css('borderRightWidth'))); 
		g.cdpad += (isNaN(parseInt($(cdcol).css('paddingLeft'))) ? 0 : parseInt($(cdcol).css('paddingLeft'))); 
		g.cdpad += (isNaN(parseInt($(cdcol).css('paddingRight'))) ? 0 : parseInt($(cdcol).css('paddingRight'))); 

		$(g.bDiv).before(g.cDrag);
		
		var cdheight = $(g.bDiv).height();
		var hdheight = $(g.hDiv).height();
		
		$(g.cDrag).css({top: -hdheight + 'px'});
		
		$('thead tr:first th',g.hDiv).each
			(
			 	function ()
					{
						var cgDiv = document.createElement('div');
						$(g.cDrag).append(cgDiv);
						if (!p.cgwidth) p.cgwidth = $(cgDiv).width();
						$(cgDiv).css({height: cdheight + hdheight})
						.mousedown(function(e){g.dragStart('colresize',e,this);})
						;
						if ($.browser.msie&&$.browser.version<7.0)
						{
							g.fixHeight($(g.gDiv).height());
							$(cgDiv).hover(
								function () 
								{
								g.fixHeight();
								$(this).addClass('dragging') 
								},
								function () { if (!g.colresize) $(this).removeClass('dragging') }
							);
						}
					}
			);
		
		//g.rePosDrag();
							
		}
		

		//add strip		
		if (p.striped) 
			$('tbody tr:odd',g.bDiv).addClass('erow');
			
			
		if (p.resizable && p.height !='auto') 
		{
		g.vDiv.className = 'vGrip';
		$(g.vDiv)
		.mousedown(function (e) { g.dragStart('vresize',e)})
		.html('<span></span>');
		$(g.bDiv).after(g.vDiv);
		}
		
		if (p.resizable && p.width !='auto' && !p.nohresize) 
		{
			g.rDiv.className = 'hGrip';
			$(g.rDiv)
			.mousedown(function (e) {g.dragStart('vresize',e,true);})
			.html('<span></span>')
			.css('height',$(g.gDiv).height())
			;
			if ($.browser.msie&&$.browser.version<7.0)
			{
				$(g.rDiv).hover(function(){$(this).addClass('hgOver');},function(){$(this).removeClass('hgOver');});
			}
			$(g.gDiv).append(g.rDiv);
		}
		
		// add pager
		if (p.usepager)
		{
		g.pDiv.className = 'pDiv';
		g.pDiv.innerHTML = '<div class="pDiv2"></div><div class="pDiv3"></div>';
		$(g.bDiv).after(g.pDiv);
		g.gDiv.appendChild(g.pDiv);
		
		
//        $('.pDiv2', g.pDiv).html(html);
//        var html3 = '<div class="rightGroup"><span class="pPageStat"></span></div>';
//        $('.pDiv3', g.pDiv).html(html3);
		
		if (typeof(p.pages) == 'undefined') p.pages = p.rp == 0 ? 0 : Math.ceil(p.total/p.rp);
//		var html = ' <div class="pGroup"> <div class="pFirst pButton"><span></span></div><div class="pPrev pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pcontrol">页码 <input type="text" size="1" value="' + p.page + '" /> 共 <span>' + p.pages + ' 页 </span></span></div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pNext pButton"><span></span></div><div class="pLast pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pReload pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pPageStat"></span></div>';
//		$('div',g.pDiv).html(html);
		
		var html = ' <div class="pGroup"> <div class="pFirst pButton"><span></span></div><div class="pPrev pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pcontrol">页码 <input type="text" size="1" value="' + p.page + '" /> 共 <span>' + p.pages + ' 页 </span></span></div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pNext pButton"><span></span></div><div class="pLast pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pReload pButton"><span></span></div> </div> <div class="btnseparator"></div> ';
        $('.pDiv2', g.pDiv).html(html);
        var html3 = '<div class="rightGroup"><span class="pPageStat"></span></div>';
        $('.pDiv3', g.pDiv).html(html3);
		
		$('.pReload',g.pDiv).click(function(){g.populate()});
		$('.pFirst',g.pDiv).click(function(){g.changePage('first')});
		$('.pPrev',g.pDiv).click(function(){g.changePage('prev')});
		$('.pNext',g.pDiv).click(function(){g.changePage('next')});
		$('.pLast',g.pDiv).click(function(){g.changePage('last')});
		$('.pcontrol input',g.pDiv).keydown(function(e){if(e.keyCode==13) g.changePage('input')});
		if ($.browser.msie&&$.browser.version<7) $('.pButton',g.pDiv).hover(function(){$(this).addClass('pBtnOver');},function(){$(this).removeClass('pBtnOver');});
		g.buildpager();
		
		if (p.useRp)
		{
			var opt = "";
			for (var nx=0;nx<p.rpOptions.length;nx++)
			{
				if (p.rp == p.rpOptions[nx]) sel = 'selected="selected"'; else sel = '';
				 opt += "<option value='" + p.rpOptions[nx] + "' " + sel + " >" + p.rpOptions[nx] + "&nbsp;&nbsp;</option>";
			};
			$('.pDiv2',g.pDiv).prepend("<div class='pGroup'><select name='rp'>"+opt+"</select></div> <div class='btnseparator'></div>");
			$('select',g.pDiv).change(
				function ()
				{
					if (p.onRpChange) 
						p.onRpChange(+this.value);
					else
					{
						p.newp = 1;
						p.rp = +this.value;
						g.populate();
					}
				}
			);
		}
		
		//add search button
		if (p.searchitems && p.searchitems.length > 0)
			{
				$('.pDiv2',g.pDiv).prepend("<div class='pGroup'> <div class='pSearch pButton'><span></span></div> </div>  <div class='btnseparator'></div>");
				$('.pSearch',g.pDiv).click(function(){
					$(g.sDiv).slideToggle('fast',function(){
						if($(this).is(':hidden')){
							g.bDiv.style.height = p.height + "px";
						}else{
							g.bDiv.style.height = p.height-35 + "px";
						}
						$('.sDiv:visible input:first',g.gDiv).trigger('focus');
					});
				});				
				//add search box
				g.sDiv.className = 'sDiv';
				
				sitems = p.searchitems;
				
				var sopt = "";
				for (var s = 0; s < sitems.length; s++)
				{
					if (p.qtype=='' && sitems[s].isdefault==true)
					{
					p.qtype = sitems[s].name;
					sel = 'selected="selected"';
					} else sel = '';
					sopt += "<option value='" + sitems[s].name + "' " + sel + " >" + sitems[s].display + "&nbsp;&nbsp;</option>";						
				}
				
				if (p.qtype=='') p.qtype = sitems[0].name;
				
				$(g.sDiv).append("<div class='sDiv2'>过滤条件 <select name='filterField'>"+sopt+"</select> <input type='text' size='30' name='filterValue' class='qsbox' /> <input type='button' value='确定' /> <input type='button' value='重置' /></div>");

				$('input[name=filterField],select[name=filterValue]',g.sDiv).keydown( function(e){
					alert("1");
						if(e.keyCode==13) 
							g.doSearch()
				});
				$('input[value=重置]',g.sDiv).click(function(){
//					alert($('input[name=filterValue]',g.sDiv).val());
					$('input[name=filterValue]',g.sDiv).val(''); 
					p.query = ''; 
					g.doSearch(); 
				});
				$('input[value=确定]', g.sDiv).click(function(){g.doSearch()});
				$(g.bDiv).after(g.sDiv);				
				
			}
		
		}
		$(g.pDiv,g.sDiv).append("<div style='clear:both'></div>");
		
		
	
		// add title
		if (p.title)
		{
			g.mDiv.className = 'mDiv';
			g.mDiv.innerHTML = '<div class="ftitle">'+p.title+'</div>';
			$(g.gDiv).prepend(g.mDiv);
			if (p.showTableToggleBtn)
				{
					$(g.mDiv).append('<div class="ptogtitle" title="Minimize/Maximize Table"><span></span></div>');
					$('div.ptogtitle',g.mDiv).click
					(
					 	function ()
							{
								$(g.gDiv).toggleClass('hideBody');
								$(this).toggleClass('vsble');
							}
					);
				}
			//g.rePosDrag();
		}
		
		//setup cdrops
		g.cdropleft = document.createElement('span');
		g.cdropleft.className = 'cdropleft';
		g.cdropright = document.createElement('span');
		g.cdropright.className = 'cdropright';

		//add block
		g.block.className = 'gBlock';
//		var loadingDiv = document.createElement('div');
//		loadingDiv.className = 'l-grid-loading';
//		$(g.block).append(loadingDiv);
		var gh = $(g.bDiv).height();
		var gtop = g.hDiv.offsetTop;
//		$(g.block).css(
//		{
//			background: 'blue',
//			position: 'absolute',
//			zIndex:100
//		});
		//$(g.block).fadeTo(0,p.blockOpacity);				
		
		// add column control
		if ($('th',g.hDiv).length)
		{
			
			g.nDiv.className = 'nDiv';
			g.nDiv.innerHTML = "<table cellpadding='0' cellspacing='0'><tbody></tbody></table>";
			$(g.nDiv).css(
			{
				marginBottom: (gh * -1),
				display: 'none',
				top: gtop
			}
			).noSelect()
			;
			
			var cn = 0;
			
			$('th div',g.hDiv).each
			(
			 	function ()
					{
						//by ls 
						if ($(this).parent("th").attr("togglable") != "false") {
							var kcol = $("th[axis='col" + cn + "']",g.hDiv)[0];
							var chk = 'checked="checked"';
							if (kcol.style.display=='none') chk = '';
							$('tbody',g.nDiv).append('<tr><td class="ndcol1"><input type="checkbox" '+ chk +' class="togCol" value="'+ cn +'" /></td><td class="ndcol2">'+this.innerHTML+'</td></tr>');
						}
						cn++;
					}
			);
			
			
			
			if ($.browser.msie&&$.browser.version<7.0)
				$('tr',g.nDiv).hover
				(
				 	function () {$(this).addClass('ndcolover');},
					function () {$(this).removeClass('ndcolover');}
				);
			
			$('td.ndcol2',g.nDiv).click ( function (){
				if ($('input:checked',g.nDiv).length<=p.minColToggle&&$(this).prev().find('input')[0].checked) return false;
				return g.toggleCol($(this).prev().find('input').val());
			}
			
				
//			 	function ()
//					{
//						if ($('input:checked',g.nDiv).length<=p.minColToggle&&$(this).prev().find('input')[0].checked) return false;
//						// =======add by ls
//						var visible;
//						var cid = $(this).prev().find('input').val();
//						if($("#colHides"+parseInt(cid)).length ==0){
//							visible = false;
//						}else{
//							visible = true;
//						}
//						//alert(visible);
//						// =======add by ls end
//						return g.toggleCol($(this).prev().find('input').val(),visible);//=======add by ls 加了个visible的参数
//					}
			);
			
			
			
			$('input.togCol',g.nDiv).click
			(
			 	function ()
					{
						if ($('input:checked',g.nDiv).length<p.minColToggle&&this.checked==false) return false;
						$(this).parent().next().trigger('click');
						//return false;
					}
			);


			$(g.gDiv).prepend(g.nDiv);
			
			$(g.nBtn).addClass('nBtn')
			.html('<div></div>')
			.attr('title','隐藏/显示 列')
			.click
			(
			 	function ()
				{
			 	$(g.nDiv).toggle(); return true;
				}
			);
			
			if (p.showToggleBtn) $(g.gDiv).prepend(g.nBtn);
			
		}
		
		
		
		// add date edit layer
		$(g.iDiv)
		.addClass('iDiv')
		.css({display:'none'})
		;
		$(g.bDiv).append(g.iDiv);
		
		// add flexigrid events
		$(g.bDiv)
		.hover(function(){$(g.nDiv).hide();$(g.nBtn).hide();},function(){if (g.multisel) g.multisel = false;})
		;
		$(g.gDiv)
		.hover(function(){},function(){$(g.nDiv).hide();$(g.nBtn).hide();})
		;
		
		//add document events
		$(document)
		.mousemove(function(e){g.dragMove(e)})
		.mouseup(function(e){g.dragEnd()})
		.hover(function(){},function (){g.dragEnd()})
		;
		
		//browser adjustments
		if ($.browser.msie&&$.browser.version<7.0)
		{
			$('.hDiv,.bDiv,.mDiv,.pDiv,.vGrip,.tDiv, .sDiv',g.gDiv)
			.css({width: '100%'});
			$(g.gDiv).addClass('ie6');
			if (p.width!='auto') $(g.gDiv).addClass('ie6fullwidthbug');			
		} 
		
		g.rePosDrag();
		g.fixHeight();
		
		//make grid functions accessible
		t.p = p;
		t.grid = g;
		
		
		// load data
		if (p.url&&p.autoload&&p.useAjax) 
		{
			g.populate();
		}
		return t;		
			
	};
	
	
	
	
	//by ls  at 2009-7-12 12:00
	$.addPlainFlex = function(t,p)
	{
		if (t.grid) return false; //return if already exist	
		
		// apply default properties
		p = $.extend({
			 height: 400, //default height
			 width: 'auto', //auto width
			 striped: true, //apply odd even stripes
			 novstripe: false,
			 minwidth: 30, //min width of columns
			 minheight: 80, //min height of columns
			 resizable: false, //resizable table
			 url: false, //ajax url
			 method: 'POST', // data sending method
			 dataType: 'json', // type of data loaded
			 errormsg: 'Connection Error',
			 usepager: false, //
			 nowrap: true, //
			 page: 1, //current page
			 total: 1, //total rows
			 useRp: true, //use the results per page select box
			 rp: 15, // results per page
			 rpOptions: [10,15,20,25,30,50,100],
			 title: false,
			 pagestat: '当前显示 {from}—{to}, 总计 {total}',
			 procmsg: '处理中, 请稍候 ...',
			 query: '',
			 qtype: '',
			 nomsg: '无记录显示',
			 minColToggle: 1, //minimum allowed column to be hidden
			 showToggleBtn: true, //show or hide column toggle popup
			 hideOnSubmit: true,
			 autoload: true,
			 blockOpacity: 0.5,
			 onToggleCol: false,
			 onChangeSort: false,
			 onSuccess: false,
			 onSubmit: false, // using a custom populate function
			 useAjax:false,
			 pageName:'page',
			 pageSizeName:'pageSize'
		  }, p);
		
		var g = {
			buildpager: function(){ //rebuild pager based on new properties
			
				$('.pcontrol input', this.pDiv).val(p.page);
				$('.pcontrol span', this.pDiv).html(p.pages);
				
				var r1 = (p.page-1) * p.rp + 1; 
				var r2 = r1 + p.rp - 1; 
				
				if (p.total<r2) r2 = p.total;
				
				var stat = p.pagestat;
				
				stat = stat.replace(/{from}/,r1);
				stat = stat.replace(/{to}/,r2);
				stat = stat.replace(/{total}/,p.total);
				
				$('.pPageStat', this.pDiv).html(stat);
			},
			populate: function () { //get latest data

				if (this.loading) return true;

				if (p.onSubmit)
				{
					var gh = p.onSubmit();
					if (!gh) return false;
				}
				
				if (p.page>p.pages) p.page = p.pages;
				if (!p.newp) p.newp = p.page;
				
				//by ls
				if (!p.useAjax) {
					var form = $(t).parents("form:first");
					if (form && p.method.toLowerCase() == 'post') {
						form.append($("<input type='hidden'>").attr({name:"grid",value:$(t).attr("id")}));
						form.append($("<input type='hidden'>").attr({name:p.pageName,value:p.newp}));
						form.append($("<input type='hidden'>").attr({name:p.pageSizeName,value:p.rp}));
						
//						$(':hidden[name=' + p.pageName + ']', form).val(p.newp);
//						$(':hidden[name=' + p.pageSizeName + ']', form).val(p.rp);
						
						if (p.sortname)
							form.append($("<input type='hidden'>").attr({name:"sortname",value:p.sortname}));
						if (p.sortorder)
							form.append($("<input type='hidden'>").attr({name:"sortorder",value:p.sortorder}));
						var gh = true;
						if (form.onsubmit) gh = form.onsubmit();
						if (gh) {
							if (p.url) $(form).attr("action", p.url);
							$(form).submit();
						}
					} else {
						var url = p.url ? p.url : window.location.href;
						var qsPos = url.indexOf("?");
						var qsParser;
						if (qsPos != -1) {
							qsParser = $.querystring(url.substr(qsPos + 1));
							url = url.substr(0, qsPos);
						} else {
							qsParser = $.querystring('');
						}
						qsParser.set('grid', $(t).attr("id")).set(p.pageName, p.newp)
							.set(p.pageSizeName, p.rp);
						if (p.sortname && p.sortname.length > 0) 
							qsParser.set('sortname', p.sortname).set('sortorder', p.sortorder);
						if (p.qtype && p.qtype.length > 0 && p.query.length > 0)
							qsParser.set('filterValue', p.query).set('filterField', p.qtype);
						window.location.href = url + "?" + qsParser.toString();
					}
					return true;
				}
				if (!p.url) return false;
				
				this.loading = true;
				
				$('.pPageStat',this.pDiv).html(p.procmsg);
				
				$('.pReload',this.pDiv).addClass('loading');
				
				//block to prevent to operate the grid.
				var hDivOffset = $(g.hDiv).offset();
				$(g.block).css({
					top:hDivOffset.top,
					left:hDivOffset.left,
					height:$(g.hDiv).height() + $(g.bDiv).height(),
					width:$(g.hDiv).width()
				});
				if (p.hideOnSubmit) $("body").append(g.block); //$(t).hide();
				
				if ($.browser.opera) $(t).css('visibility','hidden');
				//--------------
				//var param = {page:p.newp, rp: p.rp, sortname: p.sortname, sortorder: p.sortorder, query: p.query, qtype: p.qtype};
				var param = [
					 { name : p.pageName, value : p.newp }
					,{ name : p.pageSizeName, value : p.rp }
					,{ name : 'sortname', value : p.sortname}
					,{ name : 'sortorder', value : p.sortorder }
					,{ name : 'filterValue', value : p.query}
					,{ name : 'filterField', value : p.qtype}
				];
				if (p.params)
				{
					for (var pi = 0; pi < p.params.length; pi++) param[param.length] = p.params[pi];
				}
				
				$.ajax({
					type: p.method,
					url: p.url,
					data: param,
					timeout : 20000,
					cache : false,
					dataType: p.dataType == 'xhtml' ? 'xml' : p.dataType,
					success: function(data){
						g.loading = false;
						g.addData(data);
						if (p.hideOnSubmit) $(g.block).remove();
					},
					error: function(req, status, e) {
						g.loading = false;
						try { 
							if (p.onError) 
								p.onError(data); 
							else
								alert('获取列表数据失败!\n' + req.status + ":" + req.statusText);
						} catch (e) {} 
						if (p.hideOnSubmit) $(g.block).remove();
				   	},
				   	complete:function() {
				   		g.loading = false;
				   	}
				 });
			},
			doSearch: function () {
				p.query = $('input[name=filterValue]',g.sDiv).val();
				p.qtype = $('select[name=filterField]',g.sDiv).val();
				p.newp = 1;

				this.populate();				
			},
			changePage: function (ctype){ //change page
			
				if (this.loading) return true;
				switch(ctype)
				{
					case 'first': p.newp = 1; break;
					case 'prev': if (p.page>1) p.newp = parseInt(p.page) - 1; break;
					case 'next': if (p.page<p.pages) p.newp = parseInt(p.page) + 1; break;
					case 'last': p.newp = p.pages; break;
					case 'input': 
							var nv = parseInt($('.pcontrol input',this.pDiv).val());
							if (isNaN(nv)) nv = 1;
							if (nv<1) nv = 1;
							else if (nv > p.pages) nv = p.pages;
							$('.pcontrol input',this.pDiv).val(nv);
							p.newp =nv;
							break;
				}
				if (typeof(p.newp) != 'number' || p.newp==p.page) return false;
				
				if (p.onChangePage) 
					p.onChangePage(p.newp);
				else				
					this.populate();
			
			},
			changeSort: function(th) { //change sortorder
			
				if (this.loading) return true;
				
				p.sortname = th.getAttribute('abbr');

				if (p.sortorder=='asc') p.sortorder = 'desc'; 
				else p.sortorder = 'asc';		
				
				//$(th).addClass('sorted').siblings().removeClass('sorted');
				$('.sdesc', this.hDiv).removeClass('sdesc');
				$('.sasc', this.hDiv).removeClass('sasc');
				$(th).addClass('s' + p.sortorder);
				
				if (p.onChangeSort)
					p.onChangeSort(p.sortname,p.sortorder);
				else
					this.populate();				
			
			},
			addRow:function(row) {
				var tr = document.createElement('tr');
				var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
				var rowc = $(tbody).children("tr").length + 1;
				if (rowc % 2 && p.striped) tr.className = 'erow';
				if (row.id) tr.id = 'row' + row.id;
					//add cell
				$('thead tr:first th',g.hDiv).each
				(
				 	function (i)
					{
						var td = document.createElement('td');
						var field = this.getAttribute('field');
						if (this.tdalign) td.align = this.tdalign;
						td.width = this.width;
						td.style.display = this.style.display;
						var fieldData = "&nbsp;";
						if (! field) {
							field = "cell" + i;
						}
						if (typeof(row[field]) != 'undefined') {
							fieldData = row[field];
						}
						
						if ($.browser.msie) {
							td.innerHTML = fieldData;
						} else {
							var tdDiv = document.createElement("DIV");
							tdDiv.innerHTML = fieldData;
							tdDiv.style.width = this.width + "px";
							if (this.noWrap == false) tdDiv.style.whiteSpace = "normal"; 
							td.appendChild(tdDiv);
						}
						tr.appendChild(td);
						td = null;
						if (field == p.sortname && p.sortorder) {
							this.className = 's' + p.sortorder;
						} else {
							this.className = "";
						}
					}
				); 
										
				tbody.appendChild(tr);
				tr.onclick = function(){
					if (this == g.selectedRow) return;
					if (g.selectedRow &&  p.striped)
						g.selectedRow.className = (g.selectedRow.rowIndex % 2 == 1) ? "erow" : "";
					this.className = "trSelected";
					g.selectedRow = this;
				};
				
				if (p.dbclickHandler) {
					tr.ondblclick=function() {
						p.dbclickHandler.call(this, tr);
					}
				}
			},
			deleteRow:function(rowIndex) {
				var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
				$(tbody).children("tr:eq(" + rowIndex + ")").remove();
			},
			getRowByKey:function(keys) {
				if (typeof(keys) == "string") {
					keys = [keys];
				}
				var thead = g.hDiv.getElementsByTagName("THEAD")[0];
				var ths = $(thead).children("tr");
				var keyindex = new Array();
				ths.each (function(i) {
					if (i == 0) {
						$(this).children("th").each(function(c) {
							if (this.getAttribute('key') == 'true') {
								keyindex[keyindex.length] = c;
							}
						});
					}
				});
				var result = null;
				if (keyindex.length > 0) {
					var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
					var trs = $(tbody).children("tr");
					
					trs.each (function(i) {
							if (keyindex.length == 0)
								return;
							var succcount = 0;
							$(this).children("td").each (function(d) {
								for (var j = 0; j < keyindex.length; j++) {
									if (keyindex[j] == d && keys[j] == $.trim($(this).text())) {
										succcount++;
									}
								}
							});
							if (succcount == keyindex.length) {
								result = this;
								return;
							}
					});
				}
				return result;
			},
			deleteRowByKey:function(keys) {
				var tr = this.getRowByKey(keys);
				if (tr != null) $(tr).remove();
			},
			getRowDataByKey:function(keys) {
				var tr = this.getRowByKey(keys);
				var rd = {};
				if (tr == null) return rd;
				tr = $(tr);
				var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
				if (tr.length > 0) {
					$('thead:eq(0) tr:first th',g.hDiv).each
					(
					 	function (i)
						{
							var field = this.getAttribute('field');
							var cell = tr.children("td:eq(" + i + ")");
							if (field != null && field.length > 0) {
								rd[field] = cell.text().replace(/(^[\s\u00a0]+)|([\s\u00a0]+$)/g, '');
							} else {
								rd["cell" + i] = cell.text().replace(/(^[\s\u00a0]+)|([\s\u00a0]+$)/g, '');
							}
						}
					); 
					return rd;
				}
			}, 
			getRowData:function(rowIndex) {
				var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
				var rd = {};
				var tr = $(tbody).children("tr:eq(" + rowIndex + ")");
				if (tr.length > 0) {
					$('thead tr:first th',g.hDiv).each
					(
					 	function (i)
						{
							var field = this.getAttribute('field');
							var cell = tr.children("td:eq(" + i + ")");
							if (field != null && field.length > 0) {
								rd[field] = cell.text();
							} else {
								rd["cell" + i] = cell.text();
							}
						}
					); 
					return rd;
				}
			},
			addData: function (data) { //parse data
				if (p.preProcess)
					data = p.preProcess(data);
					
				if ($.isFunction(p.ajaxDataHandler)) {
					p.ajaxDataHandler.call(g, data, p);
				}

				$('.pReload',this.pDiv).removeClass('loading');
				this.loading = false;

				if (!data) 
				{
					$('.pPageStat',this.pDiv).html(p.errormsg);	
					return false;
				}

				p.total = data.total;
				
				var tbody = g.bDiv.getElementsByTagName("TBODY")[0];
				
				while(tbody.firstChild)
						tbody.removeChild(tbody.firstChild);
				
				if (p.total==0)
				{
					p.pages = 1;
					p.page = 1;
					this.buildpager();
					$('.pPageStat',this.pDiv).html(p.nomsg);
					return false;
				}
				
				p.pages = Math.ceil(p.total/p.rp);
				p.page = data.page;
				
				this.buildpager();

				//build new body
				
				
				if (p.dataType=='json')
				{
					$.each (data.rows,
					 function(i, row) 
					 {
						var tr = document.createElement('tr');
						if (i % 2 && p.striped) tr.className = 'erow';
							if (row.id) tr.id = 'row' + row.id;
							//add cell
							$('thead tr:first th',g.hDiv).each
							(
							 	function ()
								{
									var td = document.createElement('td');
									var field = this.getAttribute('field');
									if (this.tdalign) td.align = this.tdalign;
									td.width = this.width;
									td.style.display = this.style.display;
									if (field) {
										var fieldData = typeof(row[field]) != 'undefined' ? row[field] : "&nbsp;";
										if ($.browser.msie) {
											td.innerHTML = fieldData;
										} else {
											var tdDiv = document.createElement("DIV");
											tdDiv.innerHTML = fieldData;
											tdDiv.style.width = this.width + "px";
											if (this.noWrap == false) tdDiv.style.whiteSpace = "normal"; 
											td.appendChild(tdDiv);
										}
									}
									tr.appendChild(td);
									td = null;
									if (field == p.sortname && p.sortorder) {
										this.className = 's' + p.sortorder;
									} else {
										this.className = "";
									}
								}
							); 
													
							tbody.appendChild(tr);
							tr.onclick = function(){
								if (this == g.selectedRow) return;
								if (g.selectedRow && p.striped)
									g.selectedRow.className = (g.selectedRow.rowIndex % 2 == 1) ? "erow" : "";
								this.className = "trSelected";
								g.selectedRow = this;
							};
							
							if (p.dbclickHandler) {
								tr.ondblclick=function() {
									p.dbclickHandler.call(this, tr);
								}
							}
						}
					);
				}
				tbody = null; data = null; i = null; 
				
				if (p.onSuccess) p.onSuccess();
				if (p.hideOnSubmit) $(g.block).remove();//$(t).show();
				
				this.hDiv.scrollLeft = this.bDiv.scrollLeft;
				if ($.browser.opera) $(t).css('visibility','visible');
				
				//fix the ie6 iframe horizontal scrollbars bug
				if ($.browser.msie && $.browser.version < 7) {
					document.body.style.width = document.documentElement.clientWidth - 2 + "px";
				}
			}, 
			addContextMenu : function(text, handler) {
				this.contextMenus[text] = handler;
			}
		};
		var frameDiv = document.createElement("DIV");
		frameDiv.className = "flexigrid plain";
		g.gDiv = frameDiv;
		
		if (p.title) {
			var titleDiv = document.createElement("DIV");
			titleDiv.className = "mDiv";
			//titleDiv.innerHTML= p.title;
			frameDiv.appendChild(titleDiv);
			g.mDiv = titleDiv;
			if (p.contextmenu) {
				var ddBox = document.createElement("A");
				ddBox.className = "ddbox";
				ddBox.href = "javascript:void(0)";
				titleDiv.appendChild(ddBox);
				
				var contextmenudiv = document.createElement("DIV");
				contextmenudiv.className = "contextmenu";
				
				frameDiv.appendChild(contextmenudiv);
				g.contextMenus = {};
				
				$(ddBox).click(function(evt) {
					$(contextmenudiv).empty();
					for(var cmdText in g.contextMenus) {
						var mi = document.createElement("A");
						mi.className = "menuitem";
						mi.innerHTML = cmdText;
						mi.href = "javascript:void(0)";
						$(mi).click(function(){
							g.contextMenus[this.innerHTML].call(g, cmdText);
						});
						contextmenudiv.appendChild(mi);
					}
					$(contextmenudiv).css({
						top:15, 
						left:evt.pageX - $(contextmenudiv).width()
					}).show();
					
					$(document).one("mouseup", function() {
						$(contextmenudiv).hide();
					});
				});
			}
			var titleBox = document.createElement("DIV");
			if (p.title.charAt(0) == '#') {
				titleBox.appendChild($(p.title).remove().show().get(0));
			} else {
				titleBox.innerHTML = p.title;
			}
			titleDiv.appendChild(titleBox);
		}
		
		var thead = t.getElementsByTagName("THEAD")[0];
		var tbody = t.getElementsByTagName("TBODY")[0];
		
		var headerDiv = document.createElement("DIV");
		headerDiv.className = "hDiv";
		g.hDiv = headerDiv;
		
		var headerTable = document.createElement("TABLE");
		headerTable.style.tableLayout = "fixed";
		headerTable.cellSpacing = 0;
		headerTable.cellPadding = 0;
		
		var nh = document.createElement("THEAD");
		var nhr = document.createElement("TR");
		
		nh.appendChild(nhr);
		
		var headTHs = thead.getElementsByTagName("TR")[0].cells;
		for (var i = 0; i < headTHs.length; i++) {
			var th = headTHs[i].cloneNode($.browser.msie);
			if (!$.browser.msie) {
				var thDiv = document.createElement("DIV");
				thDiv.innerHTML = headTHs[i].innerHTML;
				thDiv.style.width = headTHs[i].width + "px";
				th.appendChild(thDiv);
			}
			nhr.appendChild(th);
			th.style.textAlign = th.align;
			if (th.getAttribute("abbr")) {
				$(th).click(function(){
					g.changeSort(this);
				});
				if (p.sortname == th.getAttribute("abbr") && p.sortorder) {
					th.className = "s" + p.sortorder;
				}
			}
		}
		g.selectedRow = null;
		var rows = tbody.getElementsByTagName("TR");
		for (var i = 0; i < rows.length; i++) {
			if(p.striped){
				if (i % 2 == 1) rows[i].className = "erow";
			}
			rows[i].onclick = function(){
				if (this == g.selectedRow) return;
				if (g.selectedRow && p.striped)
					g.selectedRow.className = (g.selectedRow.rowIndex % 2 == 1) ? "erow" : "";
				this.className = "trSelected";
				g.selectedRow = this;
			};
			if (p.dbclickHandler) {
				rows[i].ondblclick=function() {
					p.dbclickHandler.call(this, rows[i]);
				}
			}
			if (!$.browser.msie) {
				for (var j = 0; j < rows[i].cells.length; j++) {
					var td = rows[i].cells[j];
					var tdDiv = document.createElement("DIV");
					//tdDiv.innerHTML = td.innerHTML;
					tdDiv.style.width = td.width + "px";
					if (td.noWrap == false) tdDiv.style.whiteSpace = "normal"; 
					while (td.firstChild)
						tdDiv.appendChild(td.removeChild(td.firstChild));
					td.appendChild(tdDiv);
				}
			}
		}
		
		while(thead.firstChild)
			thead.removeChild(thead.firstChild);
			
		headerTable.appendChild(nh);
		headerDiv.appendChild(headerTable);
		
		frameDiv.appendChild(headerDiv);
		
		var bodyDiv = document.createElement("DIV");
		bodyDiv.className = "bDiv";
		
		g.bDiv = bodyDiv;
		
		$(bodyDiv).scroll(function(){
			headerDiv.scrollLeft = this.scrollLeft;
		});
		
		if (!isNaN(p.restHeight)) {
			var bch = document.documentElement.clientHeight;
			bch -= p.restHeight;
			if (p.usepager)
				bch -= 30;
			if (p.title)
				bch -= 30;
			p.height = bch - 30;
		}
		if (p.height != 'auto') {
			bodyDiv.style.height = p.height + "px";
		} else {
			bodyDiv.style.overflowY = "hidden";
			bodyDiv.style.height = 'auto';
			t.className = "autoht";
		}
		
		var pc = t.parentNode;
		frameDiv.appendChild(bodyDiv);
		
		// add pager
		if (p.usepager){
			
			var pDiv = document.createElement("DIV");
			g.pDiv = pDiv;
			pDiv.className = 'pDiv';
			pDiv.innerHTML = '<div class="pDiv2"></div><div class="pDiv3"></div>';
			frameDiv.appendChild(pDiv);
			
			if (typeof(p.pages) == 'undefined') p.pages = p.rp == 0 ? 0 : Math.ceil(p.total/p.rp);
			var html = ' <div class="pGroup"> <div class="pFirst pButton"><span></span></div><div class="pPrev pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"><span class="pcontrol">页码 <input type="text" size="1" value="' + p.page + '" /> 共 <span>' + p.pages + ' 页 </span></span></div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pNext pButton"><span></span></div><div class="pLast pButton"><span></span></div> </div> <div class="btnseparator"></div> <div class="pGroup"> <div class="pReload pButton"><span></span></div> </div> <div class="btnseparator"></div>';
			$('.pDiv2', pDiv).html(html);
			var html3 = '<div class="rightGroup"><span class="pPageStat"></span></div>';
        	$('.pDiv3', pDiv).html(html3);
			
			$('.pReload',g.pDiv).click(function(){g.populate()});
			$('.pFirst',g.pDiv).click(function(){g.changePage('first')});
			$('.pPrev',g.pDiv).click(function(){g.changePage('prev')});
			$('.pNext',g.pDiv).click(function(){g.changePage('next')});
			$('.pLast',g.pDiv).click(function(){g.changePage('last')});
			$('.pcontrol input',g.pDiv).keydown(function(e){if(e.keyCode==13) g.changePage('input')});
			if ($.browser.msie&&$.browser.version<7) $('.pButton',g.pDiv).hover(function(){$(this).addClass('pBtnOver');},function(){$(this).removeClass('pBtnOver');});
			
			g.buildpager();
		
			if (p.useRp)
			{
				var opt = "";
				for (var nx=0;nx<p.rpOptions.length;nx++)
				{
					if (p.rp == p.rpOptions[nx]) sel = 'selected="selected"'; else sel = '';
					 opt += "<option value='" + p.rpOptions[nx] + "' " + sel + " >" + p.rpOptions[nx] + "&nbsp;&nbsp;</option>";
				};
				$('.pDiv2',g.pDiv).prepend("<div class='pGroup'><select name='rp'>"+opt+"</select></div> <div class='btnseparator'></div>");
				$('select',g.pDiv).change(
					function ()
					{
						if (p.onRpChange) 
							p.onRpChange(+this.value);
						else
						{
							p.newp = 1;
							p.rp = +this.value;
							g.populate();
						}
					}
				);
			}
		
			//add search button
			if (p.searchitems && p.searchitems.length > 0)
			{
				g.sDiv = document.createElement("DIV");
				frameDiv.insertBefore(g.sDiv, g.pDiv);
				$('.pDiv2',g.pDiv).prepend("<div class='pGroup'> <div class='pSearch pButton'><span></span></div> </div>  <div class='btnseparator'></div>");
				$('.pSearch',g.pDiv).click(function(){$(g.sDiv).slideToggle('fast',function(){$('.sDiv:visible input:first',g.gDiv).trigger('focus');});});				
				//add search box
				g.sDiv.className = 'sDiv';
				
				sitems = p.searchitems;
				
				var sopt = "";
				for (var s = 0; s < sitems.length; s++)
				{
					if (p.qtype=='' && sitems[s].isdefault==true)
					{
					p.qtype = sitems[s].name;
					sel = 'selected="selected"';
					} else sel = '';
					sopt += "<option value='" + sitems[s].name + "' " + sel + " >" + sitems[s].display + "&nbsp;&nbsp;</option>";						
				}
				
				if (p.qtype=='') p.qtype = sitems[0].name;
				
				$(g.sDiv).append("<div class='sDiv2'>过滤条件 <select name='filterField'>"+sopt+"</select> <input type='text' size='30' name='filterValue' class='qsbox' /> <input type='button' value='确定' /> <input type='button' value='重置' /></div>");

				$('input[name=filterField],select[name=filterValue]',g.sDiv).keydown(function(e){if(e.keyCode==13) g.doSearch()});
				$('input[value=重置]',g.sDiv).click(function(){$('input[name=q]',g.sDiv).val(''); p.query = ''; g.doSearch(); });
				$('input[value=确定]', g.sDiv).click(function(){g.doSearch()});
				$(g.bDiv).after(g.sDiv);
			}
		}
		
		pc.insertBefore(frameDiv, t);
		t.cellPadding = 0;
		t.cellSpacing = 0;
		bodyDiv.appendChild(pc.removeChild(t));
	
		if ($.browser.msie&&$.browser.version<7.0)
		{
			if (g.mDiv)
				g.mDiv.style.width = "100%";
			g.bDiv.style.width = "100%";
			g.hDiv.style.width = "100%";
			if (g.pDiv)
				g.pDiv.style.width = "100%";
			if (g.sDiv)
				g.sDiv.style.width = "100%";
			g.gDiv.className = g.gDiv.className + " ie6";
			if (p.width!='auto') g.gDiv.className = g.gDiv.className + ' ie6fullwidthbug';			
		} 
		t.style.display = "block";
		
		g.block = document.createElement("DIV");
		g.block.className = "gBlock";
		t.p = p;
		t.grid = g;
		// load data
		if (p.url&&p.autoload&&p.useAjax) 
		{
			g.populate();
		}
		
		return g;
	}
	
	
	
	
	
	
    
var docloaded = false;

$(document).ready(function () {docloaded = true} );

$.fn.hcksGrid = function(p) {
    return this.each( function() {
        var t = this;
            if (!docloaded)
            {
                $(this).hide();
                $(document).ready (function(){
	                if (p.plain) {
	                    $.addPlainFlex(t, p);
	                } else {
	                    $.addFlex(t,p);
	                }
                });
            } else {
                if (p.plain) {
                    $.addPlainFlex(t, p);
                } else {
                    $.addFlex(t,p);
                }
            }
        });

}; //end grid

$.fn.gridReload = function(p) { // function to reload grid

    return this.each( function() {
            if (this.grid && this.p.url) this.grid.populate();
    });

}; //end flexReload

$.fn.gridOptions = function(p) { //function to update general options

    return this.each( function() {
            if (this.grid) $.extend(this.p,p);
        });

}; //end flexOptions

$.fn.gridToggleCol = function(cid,visible) { // function to reload grid

    return this.each( function() {
            if (this.grid) this.grid.toggleCol(cid,visible);
        });

}; //end flexToggleCol

$.fn.gridAddData = function(data) { // function to add data to grid
    return this.each( function() {
        if (this.grid) this.grid.addData(data);
    });
};

$.fn.noSelect = function(p) { //no select plugin by me :-)

    if (p == null) 
        prevent = true;
    else
        prevent = p;

    if (prevent) {
    
    return this.each(function ()
        {
            if ($.browser.msie||$.browser.safari) $(this).bind('selectstart',function(){return false;});
            else if ($.browser.mozilla) 
                {
                    $(this).css('MozUserSelect','none');
                    $('body').trigger('focus');
                }
            else if ($.browser.opera) $(this).bind('mousedown',function(){return false;});
            else $(this).attr('unselectable','on');
        });
        
    } else {

    
    return this.each(function ()
        {
            if ($.browser.msie||$.browser.safari) $(this).unbind('selectstart');
            else if ($.browser.mozilla) $(this).css('MozUserSelect','inherit');
            else if ($.browser.opera) $(this).unbind('mousedown');
            else $(this).removeAttr('unselectable','on');
        });
    
    }

}; //end noSelect
        
})(jQuery);