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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.2
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.2
    0
  • 1.0.1
    0
  • 1.0.0
    1

Package Sidebar

Install

npm i web-confirm

Weekly Downloads

1

Version

1.0.2

License

MIT

Unpacked Size

13.9 kB

Total Files

5

Last publish

Collaborators

  • waitkafuka