0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add option to Ox.Input to set readonly attribute

Browse source
This commit is contained in:
j 2015-02-27 12:26:47 +05:30
parent 747128bdea
commit 46d0dcf2e3
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
source/UI/css/theme.css
View file

@ -588,7 +588,9 @@ Forms
} }
.$themeClass input.OxCheckbox.OxDisabled, .$themeClass input.OxCheckbox.OxDisabled,
.$themeClass input.OxInput:disabled { .$themeClass input.OxInput:disabled,
.$themeClass input.OxInput[readonly=readonly],
.$themeClass textarea.OxInput[readonly=readonly] {
background-image: -moz-linear-gradient(top, $inputDisabledGradient); background-image: -moz-linear-gradient(top, $inputDisabledGradient);
background: -ms-linear-gradient(top, $inputDisabledGradient); background: -ms-linear-gradient(top, $inputDisabledGradient);
background-image: -o-linear-gradient(top, $inputDisabledGradient); background-image: -o-linear-gradient(top, $inputDisabledGradient);

5
source/UI/js/Form/Input.js
View file

@ -50,6 +50,7 @@ Ox.Input <f> Input Element
<a> array of image urls <a> array of image urls
//trackStep <n> number, 0 for 'scroll here', positive for step //trackStep <n> number, 0 for 'scroll here', positive for step
trackValues <b> boolean trackValues <b> boolean
readonly <b> if true, is readonly
serialize <f> function used to serialize value in submit serialize <f> function used to serialize value in submit
style <s> 'rounded' or 'square' style <s> 'rounded' or 'square'
textAlign <s> 'left', 'center' or 'right' textAlign <s> 'left', 'center' or 'right'
@ -103,6 +104,7 @@ Ox.Input = function(options, self) {
labelWidth: 64, labelWidth: 64,
overlap: 'none', overlap: 'none',
placeholder: '', placeholder: '',
readonly: false,
serialize: null, serialize: null,
style: 'rounded', style: 'rounded',
textAlign: 'left', textAlign: 'left',
@ -139,6 +141,8 @@ Ox.Input = function(options, self) {
}); });
} else if (key == 'placeholder') { } else if (key == 'placeholder') {
setPlaceholder(); setPlaceholder();
} else if (key == 'readonly') {
self.$input.attr({readonly: value});
} else if (key == 'value') { } else if (key == 'value') {
if (self.options.type == 'float' && self.options.decimals) { if (self.options.type == 'float' && self.options.decimals) {
self.options.value = self.options.value.toFixed(self.options.decimals); self.options.value = self.options.value.toFixed(self.options.decimals);
@ -285,6 +289,7 @@ Ox.Input = function(options, self) {
.addClass('OxInput OxKeyboardFocus OxMedium Ox' + Ox.toTitleCase(self.options.style)) .addClass('OxInput OxKeyboardFocus OxMedium Ox' + Ox.toTitleCase(self.options.style))
.attr({ .attr({
disabled: self.options.disabled, disabled: self.options.disabled,
readonly: self.options.readonly,
type: self.options.type == 'password' ? 'password' : 'text' type: self.options.type == 'password' ? 'password' : 'text'
}) })
.css( .css(