php/yii2
1
0
Fork 0
mirror of https://github.com/yiisoft/yii2.git synced 2025-11-21 00:54:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added support for data-method and data-confirm.

Browse Source
This commit is contained in:
Qiang Xue
2013-09-18 23:11:55 -04:00
parent 1f8ab8106d
commit 0fc423c74a
3 changed files with 109 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
framework/yii/assets/yii.js
View File

@@ -37,26 +37,103 @@
*
* Using this structure, you can define public and private functions/properties for a module.
* Private functions/properties are only visible within the module, while public functions/properties
* may be accessed outside of the module. For example, you can access "yii.sample.init()".
* may be accessed outside of the module. For example, you can access "yii.sample.isActive".
*
* You must call "yii.initModule()" once for the root module of all your modules.
*/
yii = (function ($) {
var pub = {
/**
* The selector for links that support confirmation and form submission.
*/
linkClickSelector: 'a[data-confirm], a[data-method]',
/**
* @return string|undefined the CSRF variable name. Undefined is returned is CSRF validation is not enabled.
*/
getCsrfVar: function() {
getCsrfVar: function () {
return $('meta[name=csrf-var]').prop('content');
},
/**
* @return string|undefined the CSRF token. Undefined is returned is CSRF validation is not enabled.
*/
getCsrfToken: function() {
getCsrfToken: function () {
return $('meta[name=csrf-token]').prop('content');
},
/**
* Displays a confirmation dialog.
* The default implementation simply displays a js confirmation dialog.
* You may override this by setting `yii.confirm`.
* @param message the confirmation message.
* @return boolean whether the user confirms with the message in the dialog
*/
confirm: function (message) {
return confirm(message);
},
/**
* Returns a value indicating whether to allow executing the action defined for the specified element.
* @param $e the jQuery representation of the element
* @return boolean whether to allow executing the action defined for the specified element.
*/
allowAction: function ($e) {
var message = $e.data('confirm');
if (!message) {
return true;
}
return pub.confirm(message);
},
/**
* Handles form submission triggered by elements with "method" data attribute.
* If the element is enclosed within an existing form, the form will be submitted.
* Otherwise, a new form will be created and submitted. The new form's method and action
* are determined using the element's "method" and "action" data attributes, respectively.
* If the "action" data attribute is not specified, it will try the "href" property and
* the current URL.
* @param $e the jQuery representation of the element
*/
handleSubmit: function ($e) {
var method = $e.data('method');
if (method === undefined) {
return;
}
var $form = $e.closest('form');
if (!$form.length) {
var action = $e.data('action');
if (action === undefined) {
action = $e.prop('href');
if (action === undefined) {
action = window.location.href;
}
}
$form = $('<form method="' + method + '" action="' + action + '"></form>');
var target = $e.prop('target');
if (target) {
$form.attr('target', target);
}
if (!method.match(/(get|post)/i)) {
$form.append('<input name="_method" value="' + method + '" type="hidden">');
}
var csrfVar = pub.getCsrfVar();
if (csrfVar) {
$form.append('<input name="' + csrfVar + '" value="' + pub.getCsrfToken() + '" type="hidden">');
}
$form.hide().appendTo('body');
}
var activeFormData = $form.data('yiiActiveForm');
if (activeFormData) {
// remember who triggers the form submission. This is used by yii.activeForm.js
activeFormData.submitObject = $e;
}
$form.trigger('submit');
},
initModule: function (module) {
if (module.isActive === undefined || module.isActive) {
if ($.isFunction(module.init)) {
@@ -68,6 +145,23 @@ yii = (function ($) {
}
});
}
},
init: function () {
var $document = $(document);
$document.on('click.yii', pub.linkClickSelector, function () {
var $this = $(this);
if (!pub.allowAction($this)) {
$this.stopImmediatePropagation();
return false;
} else {
if ($this.data('method')) {
pub.handleSubmit($this);
return false;
}
}
});
}
};
return pub;