123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- /**
- * 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 <[email protected]>
- * @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);
|