import { shortcut, Widget, createItems } from "@/core";

@shortcut()
export class Func extends Widget {
    static xtype = "demo.searcher_view";

    props = { baseCls: "demo-func" };

    render() {
        const self = this;

        return {
            type: "bi.absolute",
            items: [
                {
                    el: {
                        type: "bi.searcher_view",
                        ref() {
                            self.searcherView = this;
                        },
                    },
                    left: 100,
                    top: 20,
                    width: 230,
                }
            ],
        };
    }

    mounted() {
        this.searcherView.populate(
            createItems(
                [
                    {
                        text: 2012,
                    },
                    {
                        text: 2013,
                    },
                    {
                        text: 2014,
                    },
                    {
                        text: 2015,
                    }
                ],
                {
                    type: "bi.label",
                    textHeight: 24,
                    height: 24,
                }
            ),
            [
                {
                    text: 2,
                }
            ],
            "2"
        );
    }
}