You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
3.9 KiB
139 lines
3.9 KiB
/** |
|
* Yii GridView widget. |
|
* |
|
* This is the JavaScript widget used by the yii\grid\GridView widget. |
|
* |
|
* @link http://www.yiiframework.com/ |
|
* @copyright Copyright (c) 2008 Yii Software LLC |
|
* @license http://www.yiiframework.com/license/ |
|
* @author Qiang Xue <qiang.xue@gmail.com> |
|
* @since 2.0 |
|
*/ |
|
(function ($) { |
|
$.fn.yiiGridView = function (method) { |
|
if (methods[method]) { |
|
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); |
|
} else if (typeof method === 'object' || !method) { |
|
return methods.init.apply(this, arguments); |
|
} else { |
|
$.error('Method ' + method + ' does not exist on jQuery.yiiGridView'); |
|
return false; |
|
} |
|
}; |
|
|
|
var defaults = { |
|
filterUrl: undefined, |
|
filterSelector: undefined |
|
}; |
|
|
|
var methods = { |
|
init: function (options) { |
|
return this.each(function () { |
|
var $e = $(this); |
|
var settings = $.extend({}, defaults, options || {}); |
|
$e.data('yiiGridView', { |
|
settings: settings |
|
}); |
|
|
|
var enterPressed = false; |
|
$(document).on('change.yiiGridView keydown.yiiGridView', settings.filterSelector, function (event) { |
|
if (event.type === 'keydown') { |
|
if (event.keyCode !== 13) { |
|
return; // only react to enter key |
|
} else { |
|
enterPressed = true; |
|
} |
|
} else { |
|
// prevent processing for both keydown and change events |
|
if (enterPressed) { |
|
enterPressed = false; |
|
return; |
|
} |
|
} |
|
var data = $(settings.filterSelector).serialize(); |
|
var url = settings.filterUrl; |
|
if (url.indexOf('?') >= 0) { |
|
url += '&' + data; |
|
} else { |
|
url += '?' + data; |
|
} |
|
window.location.href = url; |
|
return false; |
|
}); |
|
}); |
|
}, |
|
|
|
setSelectionColumn: function (options) { |
|
var $grid = $(this); |
|
var data = $grid.data('yiiGridView'); |
|
data.selectionColumn = options.name; |
|
if (!options.multiple) { |
|
return; |
|
} |
|
$grid.on('click.yiiGridView', "input[name='" + options.checkAll + "']", function () { |
|
$grid.find("input[name='" + options.name + "']:enabled").prop('checked', this.checked); |
|
}); |
|
$grid.on('click.yiiGridView', "input[name='" + options.name + "']:enabled", function () { |
|
var all = $grid.find("input[name='" + options.name + "']").length == $grid.find("input[name='" + options.name + "']:checked").length; |
|
$grid.find("input[name='" + options.checkAll + "']").prop('checked', all); |
|
}); |
|
}, |
|
|
|
getSelectedRows: function () { |
|
var $grid = $(this); |
|
var data = $grid.data('yiiGridView'); |
|
var keys = []; |
|
if (data.selectionColumn) { |
|
$grid.find("input[name='" + data.selectionColumn + "']:checked").each(function () { |
|
keys.push($(this).parent().closest('tr').data('key')); |
|
}); |
|
} |
|
return keys; |
|
}, |
|
|
|
destroy: function () { |
|
return this.each(function () { |
|
$(window).unbind('.yiiGridView'); |
|
$(this).removeData('yiiGridView'); |
|
}); |
|
}, |
|
|
|
data: function() { |
|
return this.data('yiiGridView'); |
|
} |
|
}; |
|
|
|
var enterPressed = false; |
|
|
|
var filterChanged = function (event) { |
|
if (event.type === 'keydown') { |
|
if (event.keyCode !== 13) { |
|
return; // only react to enter key |
|
} else { |
|
enterPressed = true; |
|
} |
|
} else { |
|
// prevent processing for both keydown and change events |
|
if (enterPressed) { |
|
enterPressed = false; |
|
return; |
|
} |
|
} |
|
var data = $(settings.filterSelector).serialize(); |
|
if (settings.pageVar !== undefined) { |
|
data += '&' + settings.pageVar + '=1'; |
|
} |
|
if (settings.enableHistory && settings.ajaxUpdate !== false && window.History.enabled) { |
|
// Ajaxify this link |
|
var url = $('#' + id).yiiGridView('getUrl'), |
|
params = $.deparam.querystring($.param.querystring(url, data)); |
|
|
|
delete params[settings.ajaxVar]; |
|
window.History.pushState(null, document.title, decodeURIComponent($.param.querystring(url.substr(0, url.indexOf('?')), params))); |
|
} else { |
|
$('#' + id).yiiGridView('update', {data: data}); |
|
} |
|
return false; |
|
}; |
|
})(window.jQuery); |
|
|
|
|