/vendor/plugins/2dcjqgrid/public/javascripts/jqgrid/grid.custom.js
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> </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);