You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
3.5 KiB
129 lines
3.5 KiB
7 years ago
|
//set、get函数
|
||
|
|
SetGetView = BI.inherit(BI.View, {
|
||
|
|
_defaultConfig: function () {
|
||
|
|
return BI.extend(SetGetView.superclass._defaultConfig.apply(this, arguments), {
|
||
|
|
baseCls: "bi-set-get"
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
_init: function () {
|
||
|
|
SetGetView.superclass._init.apply(this, arguments);
|
||
|
|
},
|
||
|
|
|
||
|
|
change: function (changed) {
|
||
|
|
this._showModelData();
|
||
|
|
},
|
||
|
|
|
||
|
|
_createLeft: function () {
|
||
|
|
var self = this;
|
||
|
|
return (this.left = BI.createWidget({
|
||
|
|
type: "bi.border",
|
||
|
|
items: {
|
||
|
|
north: {
|
||
|
|
el: {
|
||
|
|
type: "bi.label",
|
||
|
|
cls: "left-title",
|
||
|
|
text: "get、set用法:",
|
||
|
|
height: 30
|
||
|
|
},
|
||
|
|
height: 30
|
||
|
|
},
|
||
|
|
center: {
|
||
|
|
el: {
|
||
|
|
type: "bi.button_group",
|
||
|
|
items: BI.createItems(this.model.get("arr"), {
|
||
|
|
type: "bi.text_button",
|
||
|
|
cls: "left-nav",
|
||
|
|
height: 30,
|
||
|
|
handler: function (v) {
|
||
|
|
self.model.set("click", v);
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
layouts: [{
|
||
|
|
type: "bi.vertical"
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}))
|
||
|
|
},
|
||
|
|
|
||
|
|
_showModelData: function () {
|
||
|
|
this.text.setText(JSON.stringify(this.model.toJSON()));
|
||
|
|
},
|
||
|
|
|
||
|
|
_createRight: function () {
|
||
|
|
return (this.right = BI.createWidget({
|
||
|
|
type: "bi.border",
|
||
|
|
items: {
|
||
|
|
north: {
|
||
|
|
el: {
|
||
|
|
type: "bi.label",
|
||
|
|
cls: "right-title",
|
||
|
|
text: "Model层数据",
|
||
|
|
height: 30
|
||
|
|
},
|
||
|
|
height: 30
|
||
|
|
},
|
||
|
|
center: {
|
||
|
|
el: this.text = BI.createWidget({
|
||
|
|
type: "bi.label",
|
||
|
|
whiteSpace: "normal",
|
||
|
|
textHeight: 50
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}))
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function (vessel) {
|
||
|
|
BI.createWidget({
|
||
|
|
type: "bi.center",
|
||
|
|
element: vessel,
|
||
|
|
items: [{
|
||
|
|
el: this._createLeft()
|
||
|
|
}, {
|
||
|
|
el: this._createRight()
|
||
|
|
}],
|
||
|
|
hgap: 50,
|
||
|
|
vgap: 100
|
||
|
|
})
|
||
|
|
this._showModelData();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
SetGetModel = BI.inherit(BI.Model, {
|
||
|
|
_defaultConfig: function () {
|
||
|
|
return BI.extend(SetGetModel.superclass._defaultConfig.apply(this, arguments), {
|
||
|
|
arr: [
|
||
|
|
{text: "item1", value: 1},
|
||
|
|
{text: "item2", value: 2},
|
||
|
|
{text: "item3", value: 3},
|
||
|
|
{text: "item4", value: 4},
|
||
|
|
{text: "item5", value: 5},
|
||
|
|
{text: "item6", value: 6},
|
||
|
|
{text: "item7", value: 7},
|
||
|
|
{text: "item8", value: 8}
|
||
|
|
]
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
_init: function () {
|
||
|
|
SetGetModel.superclass._init.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
Demo.Func = BI.inherit(BI.Widget, {
|
||
|
|
render: function () {
|
||
|
|
var view = BI.View.createView("/setget", {}, {
|
||
|
|
element: this
|
||
|
|
});
|
||
|
|
view.populate();
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted: function () {
|
||
|
|
}
|
||
|
|
});
|
||
|
|
BI.shortcut("demo.setget", Demo.Func);
|