|
|
@ -4487,41 +4487,7 @@ Demo.BorderLayout = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.border", Demo.BorderLayout);/** |
|
|
|
BI.shortcut("demo.border", Demo.BorderLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, { |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.CenterLayout = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-center" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.center", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 1,这里虽然设置label的高度30,但是最终影响高度的是center布局", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
whiteSpace: "normal" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 2,为了演示label是占满整个的,用了一个whiteSpace:normal", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
whiteSpace: "normal" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 3", |
|
|
|
|
|
|
|
cls: "layout-bg3" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 4", |
|
|
|
|
|
|
|
cls: "layout-bg5" |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
hgap: 20, |
|
|
|
|
|
|
|
vgap: 20 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.center_layout", Demo.CenterLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-absolute" |
|
|
|
baseCls: "demo-absolute" |
|
|
|
}, |
|
|
|
}, |
|
|
@ -4604,6 +4570,40 @@ BI.shortcut("demo.center_layout", Demo.CenterLayout);Demo.CenterAdapt = BI.inher |
|
|
|
BI.shortcut("demo.center_adapt", Demo.CenterAdapt);/** |
|
|
|
BI.shortcut("demo.center_adapt", Demo.CenterAdapt);/** |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.CenterLayout = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-center" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.center", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 1,这里虽然设置label的高度30,但是最终影响高度的是center布局", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
whiteSpace: "normal" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 2,为了演示label是占满整个的,用了一个whiteSpace:normal", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
whiteSpace: "normal" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 3", |
|
|
|
|
|
|
|
cls: "layout-bg3" |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
text: "Center 4", |
|
|
|
|
|
|
|
cls: "layout-bg5" |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
hgap: 20, |
|
|
|
|
|
|
|
vgap: 20 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.center_layout", Demo.CenterLayout);/** |
|
|
|
|
|
|
|
* Created by User on 2017/3/22. |
|
|
|
|
|
|
|
*/ |
|
|
|
Demo.FloatCenterLayout = BI.inherit(BI.Widget, { |
|
|
|
Demo.FloatCenterLayout = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-float-center" |
|
|
|
baseCls: "demo-float-center" |
|
|
@ -4848,55 +4848,6 @@ Demo.GridLayout = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.grid", Demo.GridLayout);/** |
|
|
|
BI.shortcut("demo.grid", Demo.GridLayout);/** |
|
|
|
* Created by User on 2017/3/21. |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.Horizontal = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-horizontal" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.vertical", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.horizontal", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.absolute", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
el: { |
|
|
|
|
|
|
|
type: "bi.text_button", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
text: "这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
left: 0, |
|
|
|
|
|
|
|
right: 0 |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
width: 100, |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
type: "bi.absolute", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
el: { |
|
|
|
|
|
|
|
type: "bi.text_button", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
text: "这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
left: 0, |
|
|
|
|
|
|
|
right: 0 |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
width: 200, |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
lgap: 20, |
|
|
|
|
|
|
|
rgap: 80, |
|
|
|
|
|
|
|
tgap: 80, |
|
|
|
|
|
|
|
bgap: 50 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.horizontal", Demo.Horizontal);/** |
|
|
|
|
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.HorizontalAdapt = BI.inherit(BI.Widget, { |
|
|
|
Demo.HorizontalAdapt = BI.inherit(BI.Widget, { |
|
|
@ -5013,6 +4964,55 @@ Demo.HorizontalFloat = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.horizontal_float", Demo.HorizontalFloat);/** |
|
|
|
BI.shortcut("demo.horizontal_float", Demo.HorizontalFloat);/** |
|
|
|
|
|
|
|
* Created by User on 2017/3/21. |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.Horizontal = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-horizontal" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.vertical", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.horizontal", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.absolute", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
el: { |
|
|
|
|
|
|
|
type: "bi.text_button", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
text: "这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
left: 0, |
|
|
|
|
|
|
|
right: 0 |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
width: 100, |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
type: "bi.absolute", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
el: { |
|
|
|
|
|
|
|
type: "bi.text_button", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
text: "这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)这里设置了lgap(左边距),rgap(右边距),tgap(上边距),bgap(下边距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
left: 0, |
|
|
|
|
|
|
|
right: 0 |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
width: 200, |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
}], |
|
|
|
|
|
|
|
lgap: 20, |
|
|
|
|
|
|
|
rgap: 80, |
|
|
|
|
|
|
|
tgap: 80, |
|
|
|
|
|
|
|
bgap: 50 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.horizontal", Demo.Horizontal);/** |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.HtapeLayout = BI.inherit(BI.Widget, { |
|
|
|
Demo.HtapeLayout = BI.inherit(BI.Widget, { |
|
|
@ -5358,30 +5358,6 @@ Demo.TdLayout = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.td", Demo.TdLayout);/** |
|
|
|
BI.shortcut("demo.td", Demo.TdLayout);/** |
|
|
|
* Created by User on 2017/3/21. |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.VerticalLayout = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-vertical" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.vertical", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
text: "这里设置了hgap(水平间距),vgap(垂直间距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
text: "这里设置了hgap(水平间距),vgap(垂直间距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.vertical", Demo.VerticalLayout);/** |
|
|
|
|
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { |
|
|
|
Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { |
|
|
@ -5423,6 +5399,30 @@ Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout);/** |
|
|
|
BI.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout);/** |
|
|
|
|
|
|
|
* Created by User on 2017/3/21. |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
Demo.VerticalLayout = BI.inherit(BI.Widget, { |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
baseCls: "demo-vertical" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
type: "bi.vertical", |
|
|
|
|
|
|
|
items: [{ |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
cls: "layout-bg1", |
|
|
|
|
|
|
|
text: "这里设置了hgap(水平间距),vgap(垂直间距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
type: "bi.label", |
|
|
|
|
|
|
|
cls: "layout-bg2", |
|
|
|
|
|
|
|
text: "这里设置了hgap(水平间距),vgap(垂直间距)", |
|
|
|
|
|
|
|
height: 30 |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
BI.shortcut("demo.vertical", Demo.VerticalLayout);/** |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.VtapeLayout = BI.inherit(BI.Widget, { |
|
|
|
Demo.VtapeLayout = BI.inherit(BI.Widget, { |
|
|
|