forked from 0x2620/oxjs
improve form elements
This commit is contained in:
parent
dfe12646e6
commit
14a6b6c148
5 changed files with 43 additions and 30 deletions
|
|
@ -9,6 +9,8 @@ Ox.TabPanel = function(options, self) {
|
|||
})
|
||||
.options(options || {});
|
||||
|
||||
self.selected = getSelected();
|
||||
|
||||
self.$bar = Ox.Bar({size: 24});
|
||||
|
||||
self.$tabs = Ox.ButtonGroup({
|
||||
|
|
@ -18,10 +20,10 @@ Ox.TabPanel = function(options, self) {
|
|||
})
|
||||
.bindEvent({
|
||||
change: function(event) {
|
||||
var id = event.selected[0];
|
||||
that.$element.replaceElement(1, self.options.content(id));
|
||||
self.selected = event.selected[0];
|
||||
that.$element.replaceElement(1, self.options.content(self.selected));
|
||||
that.triggerEvent('change', {
|
||||
selected: id
|
||||
selected: self.selected
|
||||
});
|
||||
}
|
||||
})
|
||||
|
|
@ -34,17 +36,23 @@ Ox.TabPanel = function(options, self) {
|
|||
size: 24
|
||||
},
|
||||
{
|
||||
element: self.options.content(
|
||||
self.options.tabs.filter(function(tab) {
|
||||
return tab.selected;
|
||||
})[0].id
|
||||
)
|
||||
element: self.options.content(self.selected)
|
||||
}
|
||||
],
|
||||
orientation: 'vertical'
|
||||
})
|
||||
.addClass('OxTabPanel');
|
||||
|
||||
function getSelected() {
|
||||
return self.options.tabs.filter(function(tab) {
|
||||
return tab.selected;
|
||||
})[0].id;
|
||||
}
|
||||
|
||||
that.selected = function() {
|
||||
return self.selected;
|
||||
};
|
||||
|
||||
return that;
|
||||
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue