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

Ox.FormPanel: support setting inital and updating selected panel

Browse source
This commit is contained in:
j 2023-09-03 11:44:49 +01:00
parent 49742b8b1a
commit 6252e27f6c
1 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
source/UI/js/Form/FormPanel.js
View file

@ -15,11 +15,18 @@ Ox.FormPanel = function(options, self) {
var that = Ox.Element({}, self)
.defaults({
form: [],
listSize: 256
listSize: 256,
section: null
})
.options(options || {});
.options(options || {})
.update({
section: setSection
});
self.section = 0;
if (self.options.section === null) {
self.options.section = self.options.form[0].id;
}
self.section = Ox.getIndexById(self.options.form, self.optoins.section);
self.sectionTitle = self.options.form[self.section].title;
self.$list = Ox.TableList({
columns: [
@ -62,7 +69,7 @@ Ox.FormPanel = function(options, self) {
}),
max: 1,
min: 1,
selected: [self.options.form[0].id],
selected: [self.options.selected],
sort: [{key: 'id', operator: '+'}],
unique: 'id',
width: self.options.listSize
@ -130,7 +137,18 @@ Ox.FormPanel = function(options, self) {
});
});
self.$sections[0].show();
self.$sections[self.section].show();
function setSection() {
var id = self.options.section,
section = Ox.getIndexById(self.options.form, id);
if (self.section != section) {
self.$sections[self.section].hide();
self.section = section;
self.$list.options('selected', [id]);
self.$sections[self.section].show();
}
};
that.setElement(Ox.SplitPanel({
elements: [