web-confirm
v1.0.2
Published
### 使用 该插件有四个参数,分别是标题、内容、按钮文案和按钮回调。文案和回调都是数组形式,因为是两个。
Downloads
1
Readme
一个提供确定、取消按钮的浏览器确认框插件
使用
该插件有四个参数,分别是标题、内容、按钮文案和按钮回调。文案和回调都是数组形式,因为是两个。
用法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();
})