grid.custom.js | searchcode

/vendor/plugins/2dc_jqgrid/public/javascripts/jqgrid/grid.custom.js

https://github.com/huconco/jqgrid_demo_app
JavaScript | 437 lines | 417 code | 0 blank | 20 comment | 121 complexity | 728d4060c420f618833875d9deed1f27 MD5 | raw file

;(function($){

/**

 * jqGrid extension for custom methods

 * Tony Tomov tony@trirand.com

 * http://trirand.com/blog/ 

 * Dual licensed under the MIT and GPL licenses:

 * http://www.opensource.org/licenses/mit-license.php

 * http://www.gnu.org/licenses/gpl.html

**/ 

$.fn.extend({

	getColProp : function(colname){

		var ret ={}, $t = this[0];

		if ( !$t.grid ) { return; }

		var cM = $t.p.colModel;

		for ( var i =0;i<cM.length;i++ ) {

			if ( cM[i].name == colname ) {

				ret = cM[i];

				break;

			}

		};

		return ret;

	},

	setColProp : function(colname, obj){

		//do not set width will not work

		return this.each(function(){

			if ( this.grid ) {

				if ( obj ) {

					var cM = this.p.colModel;

					for ( var i =0;i<cM.length;i++ ) {

						if ( cM[i].name == colname ) {

							$.extend(this.p.colModel[i],obj);

							break;

						}

					}

				}

			}

		});

	},

	sortGrid : function(colname,reload){

		return this.each(function(){

			var $t=this,idx=-1;

			if ( !$t.grid ) { return;}

			if ( !colname ) { colname = $t.p.sortname; }

			for ( var i=0;i<$t.p.colModel.length;i++ ) {

				if ( $t.p.colModel[i].index == colname || $t.p.colModel[i].name==colname ) {

					idx = i;

					break;

				}

			}

			if ( idx!=-1 ){

				var sort = $t.p.colModel[idx].sortable;

				if ( typeof sort !== 'boolean' ) { sort =  true; }

				if ( typeof reload !=='boolean' ) { reload = false; }

				if ( sort ) { $t.sortData(colname, idx, reload); }

			}

		});

	},

	GridDestroy : function () {

		return this.each(function(){

			if ( this.grid ) { 

				if ( this.p.pager ) {

					$(this.p.pager).remove();

				}

				var gid = this.id;

				$("#lui_"+gid).remove();

				try {

					$("#editmod"+gid).remove();

					$("#delmod"+gid).remove();

					$("#srchmod"+gid).remove();

				} catch (_) {}

				$(this.grid.bDiv).remove();

				$(this.grid.hDiv).remove();

				$(this.grid.cDiv).remove();

				if(this.p.toolbar[0]) { $(this.grid.uDiv).remove(); }

				this.p = null;

				this.grid =null;

			}

		});

	},

	GridUnload : function(){

		return this.each(function(){

			if ( !this.grid ) {return;}

			var defgrid = {id: $(this).attr('id'),cl: $(this).attr('class')};

			if (this.p.pager) {

				$(this.p.pager).empty();

			}

			var newtable = document.createElement('table');

			$(newtable).attr({id:defgrid['id']});

			newtable.className = defgrid['cl'];

			var gid = this.id;

			$("#lui_"+gid).remove();

			try {

				$("#editmod"+gid).remove();

				$("#delmod"+gid).remove();

				$("#srchmod"+gid).remove();

			} catch (_) {}

			if(this.p.toolbar[0]) { $(this.grid.uDiv).remove(); }

			$(this.grid.cDiv).remove();

			$(this.grid.bDiv).remove();

			$(this.grid.hDiv).before(newtable).remove();

			// here code to remove modals of form editing

			this.p = null;

			this.grid =null;

		});

	},

	filterGrid : function(gridid,p){

		p = $.extend({

			gridModel : false,

			gridNames : false,

			gridToolbar : false,

			filterModel: [], // label/name/stype/defval/surl/sopt

			formtype : "horizontal", // horizontal/vertical

			autosearch: true, // if set to false a serch button should be enabled.

			formclass: "filterform",

			tableclass: "filtertable",

			buttonclass: "filterbutton",

			searchButton: "Search",

			clearButton: "Clear",

			enableSearch : false,

			enableClear: false,

			beforeSearch: null,

			afterSearch: null,

			beforeClear: null,

			afterClear: null,

			url : '',

			marksearched: true

		},p  || {});

		return this.each(function(){

			var self = this;

			this.p = p;

			if(this.p.filterModel.length == 0 && this.p.gridModel===false) { alert("No filter is set"); return;}

			if( !gridid) {alert("No target grid is set!"); return;}

			this.p.gridid = gridid.indexOf("#") != -1 ? gridid : "#"+gridid;

			var gcolMod = $(this.p.gridid).getGridParam('colModel');

			if(gcolMod) {

				if( this.p.gridModel === true) {

					var thegrid = $(this.p.gridid)[0];

					var sh;

					// we should use the options search, edittype, editoptions

					// additionally surl and defval can be added in grid colModel

					$.each(gcolMod, function (i,n) {

						var tmpFil = [];

						this.search = this.search === false ? false : true;

						if(this.editrules && this.editrules.searchhidden === true) {

							sh = true;

						} else {

							if(this.hidden === true ) {

								sh = false;

							} else {

								sh = true;

							}

						}

						if( this.search === true && sh === true) {

							if(self.p.gridNames===true) {

								tmpFil.label = thegrid.p.colNames[i];

							} else {

								tmpFil.label = '';

							}

							tmpFil.name = this.name;

							tmpFil.index = this.index || this.name;

							// we support only text and selects, so all other to text

							tmpFil.stype = this.edittype || 'text';

							if(tmpFil.stype != 'select' ) {

								tmpFil.stype = 'text';

							}

							tmpFil.defval = this.defval || '';

							tmpFil.surl = this.surl || '';

							tmpFil.sopt = this.editoptions || {};

							tmpFil.width = this.width;

							self.p.filterModel.push(tmpFil);

						}

					});

				} else {

					$.each(self.p.filterModel,function(i,n) {

						for(var j=0;j<gcolMod.length;j++) {

							if(this.name == gcolMod[j].name) {

								this.index = gcolMod[j].index || this.name;

								break;

							}

						}

						if(!this.index) {

							this.index = this.name;

						}

					});

				}

			} else {

				alert("Could not get grid colModel"); return;

			}

			var triggerSearch = function() {

				var sdata={}, j=0, v;

				var gr = $(self.p.gridid)[0];

				if($.isFunction(self.p.beforeSearch)){self.p.beforeSearch();}

				$.each(self.p.filterModel,function(i,n){

					switch (this.stype) {

						case 'select' :

							v = $("select[name="+this.name+"]",self).val();

							if(v) {

								sdata[this.index] = v;

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).addClass("dirty-cell");

								}

								j++;

							} else {

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).removeClass("dirty-cell");

								}

								// remove from postdata

								try {

									delete gr.p.postData[this.index];

								} catch(e) {}

							}

							break;

						default:

							v = $("input[name="+this.name+"]",self).val();

							if(v) {

								sdata[this.index] = v;

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).addClass("dirty-cell");

								}

								j++;

							} else {

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).removeClass("dirty-cell");

								}

								// remove from postdata

								try {

									delete gr.p.postData[this.index];

								} catch (e) {}

							}

					}

				});

				var sd =  j>0 ? true : false;

				gr.p.postData = $.extend(gr.p.postData,sdata);

				var saveurl;

				if(self.p.url) {

					saveurl = $(gr).getGridParam('url');

					$(gr).setGridParam({url:self.p.url});

				}

				$(gr).setGridParam({search:sd,page:1}).trigger("reloadGrid");

				if(saveurl) {$(gr).setGridParam({url:saveurl});}

				if($.isFunction(self.p.afterSearch)){self.p.afterSearch();}

			};

			var clearSearch = function(){

				var sdata={}, v, j=0;

				var gr = $(self.p.gridid)[0];

				if($.isFunction(self.p.beforeClear)){self.p.beforeClear();}

				$.each(self.p.filterModel,function(i,n){

					v = (this.defval) ? this.defval : "";

					if(!this.stype){this.stype=='text';}

					switch (this.stype) {

						case 'select' :

							if(v) {

								var v1;

								$("select[name="+this.name+"] option",self).each(function (){

									if ($(this).text() == v) {

										this.selected = true;

										v1 = $(this).val();

										return false;

									}

								});

								// post the key and not the text

								sdata[this.index] = v1 || "";

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).addClass("dirty-cell");

								}

								j++;

							} else {

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).removeClass("dirty-cell");

								}

								// remove from postdata

								try {

									delete gr.p.postData[this.index];

								} catch(e) {}

							}

							break;

						case 'text':

							$("input[name="+this.name+"]",self).val(v);

							if(v) {

								sdata[this.index] = v;

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).addClass("dirty-cell");

								}

								j++;

							} else {

								if(self.p.marksearched){

									$("#jqgh_"+this.name,gr.grid.hDiv).removeClass("dirty-cell");

								}

								// remove from postdata

								try {

									delete gr.p.postData[this.index];

								} catch(e) {}

							}

					}

				});

				var sd =  j>0 ? true : false;

				gr.p.postData = $.extend(gr.p.postData,sdata);

				var saveurl;

				if(self.p.url) {

					saveurl = $(gr).getGridParam('url');

					$(gr).setGridParam({url:self.p.url});

				}

				$(gr).setGridParam({search:sd,page:1}).trigger("reloadGrid");

				if(saveurl) {$(gr).setGridParam({url:saveurl});}

				if($.isFunction(self.p.afterClear)){self.p.afterClear();}

			};

			var formFill = function(){

				var tr = document.createElement("tr");

				var tr1, sb, cb,tl,td, td1;

				if(self.p.formtype=='horizontal'){

					$(tbl).append(tr);

				}

				$.each(self.p.filterModel,function(i,n){

					tl = document.createElement("td");

					$(tl).append("<label for='"+this.name+"'>"+this.label+"</label>");

					td = document.createElement("td");

					var $t=this;

					if(!this.stype) { this.stype='text';}

					switch (this.stype)

					{

					case "select":

						if(this.surl) {

							// data returned should have already constructed html select

							$(td).load(this.surl,function(){

								if($t.defval) $("select",this).val($t.defval);

								$("select",this).attr({name:$t.name, id: "sg_"+$t.name});

								if($t.sopt) $("select",this).attr($t.sopt);

								if(self.p.gridToolbar===true && $t.width) {

									$("select",this).width($t.width);

								}

								if(self.p.autosearch===true){

									$("select",this).change(function(e){

										triggerSearch();

										return false;

									});

								}

							});

						} else {

							// sopt to construct the values

							if($t.sopt.value) {

								var so = $t.sopt.value.split(";"), sv, ov;

								var elem = document.createElement("select");

								$(elem).attr({name:$t.name, id: "sg_"+$t.name}).attr($t.sopt);

								for(var k=0; k<so.length;k++){

									sv = so[k].split(":");

									ov = document.createElement("option");

									ov.value = sv[0]; ov.innerHTML = sv[1];

									if (sv[1]==$t.defval) ov.selected ="selected";

									elem.appendChild(ov);

								}

								if(self.p.gridToolbar===true && $t.width) {

									$(elem).width($t.width);

								}

								$(td).append(elem);

								if(self.p.autosearch===true){

									$(elem).change(function(e){

										triggerSearch();

										return false;

									});

								}

							}

						}

						break;

					case 'text':

						var df = this.defval ? this.defval: "";

						$(td).append("<input type='text' name='"+this.name+"' id='sg_"+this.name+"' value='"+df+"'/>");

						if($t.sopt) $("input",td).attr($t.sopt);

						if(self.p.gridToolbar===true && $t.width) {

							if($.browser.msie) {

								$("input",td).width($t.width-4);

							} else {

								$("input",td).width($t.width-2);

							}

						}

						if(self.p.autosearch===true){

							$("input",td).keypress(function(e){

								var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;

								if(key == 13){

									triggerSearch();

									return false;

								}

								return this;

							});

						}

						break;

					}

					if(self.p.formtype=='horizontal'){

						if(self.p.grodToolbar===true && self.p.gridNames===false) {

							$(tr).append(td);

						} else {

							$(tr).append(tl).append(td);

						}

						$(tr).append(td);

					} else {

						tr1 = document.createElement("tr");

						$(tr1).append(tl).append(td);

						$(tbl).append(tr1);

					}

				});

				td = document.createElement("td");

				if(self.p.enableSearch === true){

					sb = "<input type='button' id='sButton' class='"+self.p.buttonclass+"' value='"+self.p.searchButton+"'/>";

					$(td).append(sb);

					$("input#sButton",td).click(function(){

						triggerSearch();

						return false;

					});

				}

				if(self.p.enableClear === true) {

					cb = "<input type='button' id='cButton' class='"+self.p.buttonclass+"' value='"+self.p.clearButton+"'/>";

					$(td).append(cb);

					$("input#cButton",td).click(function(){

						clearSearch();

						return false;

					});

				}

				if(self.p.enableClear === true || self.p.enableSearch === true) {

					if(self.p.formtype=='horizontal') {

						$(tr).append(td);

					} else {

						tr1 = document.createElement("tr");

						$(tr1).append("<td>&nbsp;</td>").append(td);

						$(tbl).append(tr1);

					}

				}

			};

			var frm = $("<form name='SearchForm' style=display:inline;' class='"+this.p.formclass+"'></form>");

			var tbl =$("<table class='"+this.p.tableclass+"' cellspacing='0' cellpading='0' border='0'><tbody></tbody></table>");

			$(frm).append(tbl);

			formFill();

			$(this).append(frm);

			this.triggerSearch = function () {triggerSearch();};

			this.clearSearch = function () {clearSearch();};

		});

	}

});

})(jQuery);