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.
125 lines
3.4 KiB
125 lines
3.4 KiB
import { shortcut, Widget, createItems, createWidget } from "@/core"; |
|
|
|
@shortcut() |
|
export class Func extends Widget { |
|
static xtype = "demo.searcher"; |
|
|
|
props = { baseCls: "demo-func" }; |
|
|
|
_createItems(items) { |
|
return createItems(items, { |
|
type: "bi.multi_select_item", |
|
height: 25, |
|
handler(v) {}, |
|
}); |
|
} |
|
|
|
render() { |
|
const self = this; |
|
const items = [ |
|
{ |
|
text: "2010年", |
|
value: 2010, |
|
py: "2010n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2011年", |
|
value: 2011, |
|
py: "2011n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2012年", |
|
value: 2012, |
|
py: "2012n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2013年", |
|
value: 2013, |
|
py: "2013n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2014年", |
|
value: 2014, |
|
py: "2014n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2015年", |
|
value: 2015, |
|
py: "2015n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2016年", |
|
value: 2016, |
|
py: "2016n", |
|
title: "1111111111111111111111111111111111", |
|
}, |
|
{ |
|
text: "2017年", |
|
value: 2017, |
|
py: "2017n", |
|
title: "1111111111111111111111111111111111", |
|
} |
|
]; |
|
|
|
const adapter = createWidget({ |
|
type: "bi.button_group", |
|
cls: "layout-bg1", |
|
items: this._createItems(items), |
|
chooseType: 1, |
|
behaviors: {}, |
|
layouts: [ |
|
{ |
|
type: "bi.vertical", |
|
} |
|
], |
|
}); |
|
createWidget({ |
|
type: "bi.absolute", |
|
element: this, |
|
items: [ |
|
{ |
|
el: adapter, |
|
top: 50, |
|
left: 50, |
|
width: 200, |
|
height: 100, |
|
} |
|
], |
|
}); |
|
createWidget({ |
|
type: "bi.absolute", |
|
element: this, |
|
items: [ |
|
{ |
|
el: { |
|
type: "bi.absolute", |
|
width: 200, |
|
height: 30, |
|
items: [ |
|
{ |
|
el: { |
|
type: "bi.searcher", |
|
adapter, |
|
width: 200, |
|
height: 30, |
|
}, |
|
left: 0, |
|
right: 0, |
|
top: 0, |
|
bottom: 0, |
|
} |
|
], |
|
}, |
|
top: 100, |
|
left: 300, |
|
} |
|
], |
|
}); |
|
} |
|
}
|
|
|