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.
184 lines
6.7 KiB
184 lines
6.7 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 gridData = {}; |
|
|
|
var gridEvents = { |
|
/** |
|
* beforeFilter event is triggered before filtering the grid. |
|
* The signature of the event handler should be: |
|
* function (event) |
|
* where |
|
* - event: an Event object. |
|
* |
|
* If the handler returns a boolean false, it will stop filter form submission after this event. As |
|
* a result, afterFilter event will not be triggered. |
|
*/ |
|
beforeFilter: 'beforeFilter', |
|
/** |
|
* afterFilter event is triggered after filtering the grid and filtered results are fetched. |
|
* The signature of the event handler should be: |
|
* function (event) |
|
* where |
|
* - event: an Event object. |
|
*/ |
|
afterFilter: 'afterFilter' |
|
}; |
|
|
|
var methods = { |
|
init: function (options) { |
|
return this.each(function () { |
|
var $e = $(this); |
|
var settings = $.extend({}, defaults, options || {}); |
|
gridData[$e.attr('id')] = {settings: settings}; |
|
|
|
var enterPressed = false; |
|
$(document).off('change.yiiGridView keydown.yiiGridView', settings.filterSelector) |
|
.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; |
|
} |
|
} |
|
|
|
methods.applyFilter.apply($e); |
|
|
|
return false; |
|
}); |
|
}); |
|
}, |
|
|
|
applyFilter: function () { |
|
var $grid = $(this), event; |
|
var settings = gridData[$grid.attr('id')].settings; |
|
var data = {}; |
|
$.each($(settings.filterSelector).serializeArray(), function () { |
|
if (!(this.name in data)) { |
|
data[this.name] = []; |
|
} |
|
data[this.name].push(this.value); |
|
}); |
|
|
|
var namesInFilter = Object.keys(data); |
|
|
|
$.each(yii.getQueryParams(settings.filterUrl), function (name, value) { |
|
if (namesInFilter.indexOf(name) === -1 && namesInFilter.indexOf(name.replace(/\[\]$/, '')) === -1) { |
|
if (!$.isArray(value)) { |
|
value = [value]; |
|
} |
|
if (!(name in data)) { |
|
data[name] = value; |
|
} else { |
|
$.each(value, function (i, val) { |
|
if ($.inArray(val, data[name])) { |
|
data[name].push(val); |
|
} |
|
}); |
|
} |
|
} |
|
}); |
|
|
|
var pos = settings.filterUrl.indexOf('?'); |
|
var url = pos < 0 ? settings.filterUrl : settings.filterUrl.substring(0, pos); |
|
|
|
$grid.find('form.gridview-filter-form').remove(); |
|
var $form = $('<form/>', { |
|
action: url, |
|
method: 'get', |
|
class: 'gridview-filter-form', |
|
style: 'display:none', |
|
'data-pjax': '' |
|
}).appendTo($grid); |
|
$.each(data, function (name, values) { |
|
$.each(values, function (index, value) { |
|
$form.append($('<input/>').attr({type: 'hidden', name: name, value: value})); |
|
}); |
|
}); |
|
|
|
event = $.Event(gridEvents.beforeFilter); |
|
$grid.trigger(event); |
|
if (event.result === false) { |
|
return; |
|
} |
|
|
|
$form.submit(); |
|
|
|
$grid.trigger(gridEvents.afterFilter); |
|
}, |
|
|
|
setSelectionColumn: function (options) { |
|
var $grid = $(this); |
|
var id = $(this).attr('id'); |
|
gridData[id].selectionColumn = options.name; |
|
if (!options.multiple) { |
|
return; |
|
} |
|
var checkAll = "#" + id + " input[name='" + options.checkAll + "']"; |
|
var inputs = "#" + id + " input[name='" + options.name + "']"; |
|
$(document).off('click.yiiGridView', checkAll).on('click.yiiGridView', checkAll, function () { |
|
$grid.find("input[name='" + options.name + "']:enabled").prop('checked', this.checked); |
|
}); |
|
$(document).off('click.yiiGridView', inputs + ":enabled").on('click.yiiGridView', inputs + ":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 = gridData[$grid.attr('id')]; |
|
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 () { |
|
var id = $(this).attr('id'); |
|
return gridData[id]; |
|
} |
|
}; |
|
})(window.jQuery);
|
|
|