Numerous Pancakes Munched

    web-confirm

    1.0.2 • Public • Published

    一个提供确定、取消按钮的浏览器确认框插件

    使用

    该插件有四个参数,分别是标题、内容、按钮文案和按钮回调。文案和回调都是数组形式,因为是两个。

    用法1:单行文本参数

        var Confirm = require('web-confirm');
        var c = new Confirm('导入教师','批量导入教师',['确定',"取消"],[function(){
            console.log('点击确定的回调');
        },function(){
            console.log('点击取消的回调');
            c.hide();
        }]);
        //调用show()方法
        c.show();

    用法2:用html内容做参数,如下。当然,其中的 add-tc-content-box元素作为模板,需要事先在页面中写好,并隐藏。插件实例化之后,会自动删除模板。

        var Confirm = require('web-confirm');
        var addConfirm = new Confirm('添加教师', $('.add-tc-content-box'), ["确 定", "取 消"], [function () {
                console.log("确定")
            }, function () {
                addConfirm.hide();
            }]);

    用法3:如果在弹窗显示前,需要在其中先给表单元素赋值,可以用editConfirm.ele方法获得弹窗的jquery对象。例如:editConfirm.ele.find('.J-work-num').val('KW0192')

            //编辑按钮
            $('.J-edit-btn').click(function () {
                var id = $(this).attr('item-id');
                //先根据ID拿到教师的信息,填充进弹窗中
                editConfirm.ele.find('.J-work-num').val('KW0192');
                editConfirm.ele.find('.J-name').val('爱新觉罗罗媚');
                editConfirm.show();
            })

    有问题请联系:zhen0578@qq.com

    Install

    npm i web-confirm

    DownloadsWeekly Downloads

    4

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    13.9 kB

    Total Files

    5

    Last publish

    Collaborators

    • waitkafuka