egroupware_official/etemplate/js/et2_button.js
Andreas Stöckel 41787c36f3 - Reading readonly properties
- Added system for readonlys: Readonly is passed in constructor as third parameter. If a widget class is registerd with "[type]_ro" (see et2_textbox for example) this one is created
- Added new 'valueWidget' base class which introduces the 'value' attribute and implements auto loading from the content array
- Implemented readonly attribute for buttons and textboxes
2011-08-16 12:31:18 +00:00

110 lines
1.8 KiB
JavaScript

/**
* eGroupWare eTemplate2 - JS Button object
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link http://www.egroupware.org
* @author Andreas Stöckel
* @copyright Stylite 2011
* @version $Id$
*/
"use strict";
/*egw:uses
jquery.jquery;
et2_inputWidget;
et2_baseWidget;
*/
/**
* Class which implements the "button" XET-Tag
*/
var et2_button = et2_baseWidget.extend(et2_IInput, {
attributes: {
"label": {
"name": "caption",
"type": "string",
"description": "Label of the button"
},
"onclick": {
"name": "onclick",
"type": "js",
"description": "JS code which gets executed when the button is clicked"
}
},
init: function(_parent, _type, _readonly) {
this._super.apply(this, arguments);
this.label = "";
this.clicked = false;
this.btn = null;
if (!_readonly)
{
this.btn = $j(document.createElement("button"))
.addClass("et2_button")
.click(this, function(e) {e.data.buttonClick()});
this.setDOMNode(this.btn[0]);
}
},
buttonClick: function() {
// Execute the JS code connected to the event handler
if (this.onclick != null)
{
if (!this.onclick())
return false;
}
// Submit the form
this.clicked = true;
this.getInstanceManager().submit();
this.clicked = false;
},
set_label: function(_value) {
if (this.btn)
{
this.label = _value;
this.btn.text(_value);
}
},
/**
* Implementation of the et2_IInput interface
*/
/**
* Always return false as a button is never dirty
*/
isDirty: function() {
return false;
},
resetDirty: function() {
},
getValue: function() {
if (this.clicked)
{
return true;
}
// If "null" is returned, the result is not added to the submitted
// array.
return null;
}
});
et2_register_widget(et2_button, ["button"]);