yiigridview fix
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* jQuery Yii GridView plugin file. | |
* | |
* @author Qiang Xue <qiang.xue@gmail.com> | |
* @link http://www.yiiframework.com/ | |
* @copyright Copyright © 2008-2010 Yii Software LLC | |
* @license http://www.yiiframework.com/license/ | |
* @version $Id: jquery.yiigridview.js 3286 2011-06-16 17:34:34Z qiang.xue $ | |
*/ | |
;(function($) { | |
/** | |
* yiiGridView set function. | |
* @param options map settings for the grid view. Availablel options are as follows: | |
* - ajaxUpdate: array, IDs of the containers whose content may be updated by ajax response | |
* - ajaxVar: string, the name of the GET variable indicating the ID of the element triggering the AJAX request | |
* - pagerClass: string, the CSS class for the pager container | |
* - tableClass: string, the CSS class for the table | |
* - selectableRows: integer, the number of rows that can be selected | |
* - updateSelector: string, the selector for choosing which elements can trigger ajax requests | |
* - beforeAjaxUpdate: function, the function to be called before ajax request is sent | |
* - afterAjaxUpdate: function, the function to be called after ajax response is received | |
* - ajaxUpdateError: function, the function to be called if an ajax error occurs | |
* - selectionChanged: function, the function to be called after the row selection is changed | |
*/ | |
$.fn.yiiGridView = function(options) { | |
return this.each(function(){ | |
var settings = $.extend({}, $.fn.yiiGridView.defaults, options || {}); | |
var $this = $(this); | |
var id = $this.attr('id'); | |
if(settings.updateSelector === undefined) | |
settings.updateSelector = '#'+id+' .'+settings.pagerClass.replace(/\s+/g,'.')+' a, #'+id+' .'+settings.tableClass.replace(/\s+/g,'.')+' thead th a'; | |
$.fn.yiiGridView.settings[id] = settings; | |
if(settings.ajaxUpdate.length > 0 && jQuery('body').attr('yiigridview_event1') !== '1') { | |
jQuery('body').attr('yiigridview_event1', '1'); | |
$(settings.updateSelector).die('click').live('click',function(){ | |
$.fn.yiiGridView.update(id, {url: $(this).attr('href')}); | |
return false; | |
}); | |
} | |
var inputSelector='#'+id+' .'+settings.filterClass+' input, '+'#'+id+' .'+settings.filterClass+' select'; | |
$('body').undelegate(inputSelector, 'change').delegate(inputSelector, 'change', function(){ | |
var data = $(inputSelector).serialize(); | |
if(settings.pageVar!==undefined) | |
data += '&'+settings.pageVar+'=1'; | |
$.fn.yiiGridView.update(id, {data: data}); | |
}); | |
$.fn.yiiGridView.selectCheckedRows(id); | |
if(settings.selectableRows > 0 && jQuery('body').attr('yiigridview_event2') !== '1') { | |
jQuery('body').attr('yiigridview_event2', '1'); | |
$('#'+id+' .'+settings.tableClass+' > tbody > tr').die('click').live('click',function(e){ | |
if('checkbox'!=e.target.type){ | |
if(settings.selectableRows == 1) | |
$(this).siblings().removeClass('selected'); | |
var isRowSelected=$(this).toggleClass('selected').hasClass('selected'); | |
$('input.select-on-check',this).each(function(){ | |
if(settings.selectableRows == 1) | |
$("input[name='"+this.name+"']").attr('checked',false); | |
this.checked=isRowSelected; | |
var sboxallname=this.name.substring(0,this.name.length-2)+'_all'; //.. remove '[]' and add '_all' | |
$("input[name='"+sboxallname+"']").attr('checked', $("input[name='"+this.name+"']").length==$("input[name='"+this.name+"']:checked").length); | |
}); | |
if(settings.selectionChanged !== undefined) | |
settings.selectionChanged(id); | |
} | |
}); | |
} | |
if(jQuery('body').attr('yiigridview_event3') !== '1'){ | |
jQuery('body').attr('yiigridview_event3', '1'); | |
$('#'+id+' .'+settings.tableClass+' > tbody > tr > td > input.select-on-check').die('click').live('click',function(){ | |
if(settings.selectableRows === 0) | |
return false; | |
var $row=$(this).parent().parent(); | |
if(settings.selectableRows == 1){ | |
$row.siblings().removeClass('selected'); | |
$("input:not(#"+this.id+")[name='"+this.name+"']").attr('checked',false); | |
} | |
else | |
$('#'+id+' .'+settings.tableClass+' > thead > tr > th >input.select-on-check-all').attr('checked', $("input.select-on-check").length==$("input.select-on-check:checked").length); | |
$row.toggleClass('selected',this.checked); | |
if(settings.selectionChanged !== undefined) | |
settings.selectionChanged(id); | |
return true; | |
}); | |
} | |
if(settings.selectableRows > 1 && jQuery('body').attr('yiigridview_event4') !== '1') { | |
jQuery('body').attr('yiigridview_event4', '1'); | |
$('#'+id+' .'+settings.tableClass+' > thead > tr > th > input.select-on-check-all').die('click').live('click',function(){ | |
var checkedall=this.checked; | |
var name=this.name.substring(0,this.name.length-4)+'[]'; //.. remove '_all' and add '[]' | |
$("input[name='"+name+"']").each(function() { | |
this.checked=checkedall; | |
$(this).parent().parent().toggleClass('selected',checkedall); | |
}); | |
if(settings.selectionChanged !== undefined) | |
settings.selectionChanged(id); | |
}); | |
} | |
}); | |
}; | |
$.fn.yiiGridView.defaults = { | |
ajaxUpdate: [], | |
ajaxVar: 'ajax', | |
pagerClass: 'pager', | |
loadingClass: 'loading', | |
filterClass: 'filters', | |
tableClass: 'items', | |
selectableRows: 1 | |
// updateSelector: '#id .pager a, '#id .grid thead th a', | |
// beforeAjaxUpdate: function(id) {}, | |
// afterAjaxUpdate: function(id, data) {}, | |
// selectionChanged: function(id) {}, | |
// url: 'ajax request URL' | |
}; | |
$.fn.yiiGridView.settings = {}; | |
/** | |
* Returns the key value for the specified row | |
* @param id string the ID of the grid view container | |
* @param row integer the row number (zero-based index) | |
* @return string the key value | |
*/ | |
$.fn.yiiGridView.getKey = function(id, row) { | |
return $('#'+id+' > div.keys > span:eq('+row+')').text(); | |
}; | |
/** | |
* Returns the URL that generates the grid view content. | |
* @param id string the ID of the grid view container | |
* @return string the URL that generates the grid view content. | |
*/ | |
$.fn.yiiGridView.getUrl = function(id) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
return settings.url || $('#'+id+' > div.keys').attr('title'); | |
}; | |
/** | |
* Returns the jQuery collection of the cells in the specified row. | |
* @param id string the ID of the grid view container | |
* @param row integer the row number (zero-based index) | |
* @return jQuery the jQuery collection of the cells in the specified row. | |
*/ | |
$.fn.yiiGridView.getRow = function(id, row) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
return $('#'+id+' .'+settings.tableClass+' > tbody > tr:eq('+row+') > td'); | |
}; | |
/** | |
* Returns the jQuery collection of the cells in the specified column. | |
* @param id string the ID of the grid view container | |
* @param column integer the column number (zero-based index) | |
* @return jQuery the jQuery collection of the cells in the specified column. | |
*/ | |
$.fn.yiiGridView.getColumn = function(id, column) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
return $('#'+id+' .'+settings.tableClass+' > tbody > tr > td:nth-child('+(column+1)+')'); | |
}; | |
/** | |
* Performs an AJAX-based update of the grid view contents. | |
* @param id string the ID of the grid view container | |
* @param options map the AJAX request options (see jQuery.ajax API manual). By default, | |
* the URL to be requested is the one that generates the current content of the grid view. | |
*/ | |
$.fn.yiiGridView.update = function(id, options) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
$('#'+id).addClass(settings.loadingClass); | |
if(options && options.error !== undefined) { | |
var customError=options.error; | |
delete options.error; | |
} | |
options = $.extend({ | |
type: 'GET', | |
url: $.fn.yiiGridView.getUrl(id), | |
success: function(data,status) { | |
$.each(settings.ajaxUpdate, function(i,v) { | |
var id='#'+v; | |
$(id).replaceWith($(id,'<div>'+data+'</div>')); | |
}); | |
if(settings.afterAjaxUpdate !== undefined) | |
settings.afterAjaxUpdate(id, data); | |
$('#'+id).removeClass(settings.loadingClass); | |
$.fn.yiiGridView.selectCheckedRows(id); | |
}, | |
error: function(XHR, textStatus, errorThrown) { | |
$('#'+id).removeClass(settings.loadingClass); | |
if(XHR.readyState == 0 || XHR.status == 0) | |
return; | |
if(customError!==undefined) { | |
var ret = customError(XHR); | |
if( ret!==undefined && !ret) | |
return; | |
} | |
var err=''; | |
switch(textStatus) { | |
case 'timeout': | |
err='The request timed out!'; | |
break; | |
case 'parsererror': | |
err='Parser error!'; | |
break; | |
case 'error': | |
if(XHR.status && !/^\s*$/.test(XHR.status)) | |
err='Error ' + XHR.status; | |
else | |
err='Error'; | |
if(XHR.responseText && !/^\s*$/.test(XHR.responseText)) | |
err=err + ': ' + XHR.responseText; | |
break; | |
} | |
if(settings.ajaxUpdateError !== undefined) | |
settings.ajaxUpdateError(XHR, textStatus, errorThrown,err); | |
else if(err) | |
alert(err); | |
} | |
}, options || {}); | |
if(options.data!==undefined && options.type=='GET') { | |
options.url = $.param.querystring(options.url, options.data); | |
options.data = {}; | |
} | |
if(settings.ajaxUpdate!==false) { | |
options.url = $.param.querystring(options.url, settings.ajaxVar+'='+id); | |
if(settings.beforeAjaxUpdate !== undefined) | |
settings.beforeAjaxUpdate(id, options); | |
$.ajax(options); | |
} | |
else { // non-ajax mode | |
if(options.type=='GET') { | |
window.location.href=options.url; | |
} | |
else { // POST mode | |
var $form=$('<form action="'+options.url+'" method="post"></form>').appendTo('body'); | |
if(options.data===undefined) | |
options.data={}; | |
if(options.data.returnUrl===undefined) | |
options.data.returnUrl=window.location.href; | |
$.each(options.data, function(name,value) { | |
$form.append($('<input type="hidden" name="t" value="" />').attr('name',name).val(value)); | |
}); | |
$form.submit(); | |
} | |
} | |
}; | |
/** | |
* 1. Selects rows that have checkbox checked (only checkbox that is connected with selecting a row) | |
* 2. Check if "check all" need to be checked/unchecked (all checkboxes) | |
* @param id string the ID of the grid view container | |
*/ | |
$.fn.yiiGridView.selectCheckedRows = function(id) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
$('#'+id+' .'+settings.tableClass+' > tbody > tr > td >input.select-on-check:checked').each(function(){ | |
$(this).parent().parent().addClass('selected'); | |
}); | |
$('#'+id+' .'+settings.tableClass+' > thead > tr > th >input[type="checkbox"]').each(function(){ | |
var name=this.name.substring(0,this.name.length-4)+'[]'; //.. remove '_all' and add '[]'' | |
this.checked=$("input[name='"+name+"']").length==$("input[name='"+name+"']:checked").length; | |
}); | |
}; | |
/** | |
* Returns the key values of the currently selected rows. | |
* @param id string the ID of the grid view container | |
* @return array the key values of the currently selected rows. | |
*/ | |
$.fn.yiiGridView.getSelection = function(id) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
var keys = $('#'+id+' > div.keys > span'); | |
var selection = []; | |
$('#'+id+' .'+settings.tableClass+' > tbody > tr').each(function(i){ | |
if($(this).hasClass('selected')) | |
selection.push(keys.eq(i).text()); | |
}); | |
return selection; | |
}; | |
/** | |
* Returns the key values of the currently checked rows. | |
* @param id string the ID of the grid view container | |
* @param column_id string the ID of the column | |
* @return array the key values of the currently checked rows. | |
*/ | |
$.fn.yiiGridView.getChecked = function(id,column_id) { | |
var settings = $.fn.yiiGridView.settings[id]; | |
var keys = $('#'+id+' > div.keys > span'); | |
if(column_id.substring(column_id.length-2)!='[]') | |
column_id=column_id+'[]'; | |
var checked = []; | |
$('#'+id+' .'+settings.tableClass+' > tbody > tr > td > input[name="'+column_id+'"]').each(function(i){ | |
if(this.checked) | |
checked.push(keys.eq(i).text()); | |
}); | |
return checked; | |
}; | |
})(jQuery); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment