Boshan-ui NPM | npm.io

TODO

通过接口请求，渲染列表例如请求学信接口

    const column = [{
            label: "姓名",
            props: "name"
        },
        {
            label: "年龄",
            props: "age"
        },
        {
            label: "性别",
            props: "sex"
        },
        {
            label: "手机号码",
            props: "phone"
        },
        {
            label: "证件号码",
            props: "idnum"
        }
    ];
    const list = [{
        name: "周涛",
        age: 18,
        sex: "男",
        phone: "16651110980",
        idnum: "321283199712253611"
    }, {
        name: "罗新强大傻子",
        age: 24,
        sex: "女",
        phone: "17751774526",
        idnum: "321283199712253611"
    }]

    select.insertTable("个人信息", column, list)

当满足什么条件的时候什么值不校验

    const name = new FieldControl("name");
    const select = new FieldControl("xiala");

    select.watch((val) => {
        if (val === "1") {
            name.disableValidate();
        } else {
            name.enableValidate();
        }
    })

当满足什么条件的时候，什么选项值禁用

    const name = new FieldControl("name");
    const select = new FieldControl("xiala");

    name.watch((val) => {
        if (val == "小罗是个大帅哥") {
            select.disabledOptions("1,2,3")
        } else {
            select.initOptions();
        }
    })

当满足什么条件的时候，什么选项值隐藏

    const name = new FieldControl("name");
    const select = new FieldControl("xiala");
    const cascade = new FieldControl("bs-dom-shujuzidian");

    name.watch((val) => {
        if (val == "小罗是个大帅哥") {
            cascade.deleteOptions("319167526783291392,319167526808457216");
        } else {
            cascade.initOptions();
        }
    })

更新选项

    const select = new FieldControl("xiala");

    const button = document.createElement("button");
    button.innerText = "update";
    button.className = "el-button el-button--primary"
    button.onclick = () => {
        select.updateOptions([{
                label: "zj",
                value: '1'
            },
            {
                label: "lxq",
                value: '2'
            }
        ])
        return false;
    }
    document.getElementById("bs-dom-xiala").appendChild(button);

其他

    const name = new FieldControl("bs-dom-test1.0.name");
    const dateRange = new FieldControl("bs-dom-test1.0.daterange");
    name.setValue("12");

    dateRange.setValue("2012-12-21~2023-12-24");
    dateRange.watch((val) => {
        console.log(val);
    })

    const button = document.createElement("button");
    button.innerText = "取消监听并打印值";
    button.className = "el-button el-button--primary"
    button.onclick = () => {
        dateRange.cancelWatch();
        console.log(dateRange.value);
        return false;
    }
    document.getElementById("bs-dom-test1.0.daterange").appendChild(button);

4 months ago

4 months ago

5 months ago

7 months ago

7 months ago

7 months ago

8 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

12 months ago

12 months ago

TODO

通过接口请求，渲染列表 例如请求学信接口

当满足什么条件的时候 什么值不校验

当满足什么条件的时候，什么选项值禁用

当满足什么条件的时候，什么选项值隐藏

更新选项

其他

通过接口请求，渲染列表例如请求学信接口

当满足什么条件的时候什么值不校验