发表于: 2017-03-07 17:49:06
1 1073
今天做的事
今天主要是查缺补漏,用了新的模态框插件
明天计划
继续查缺补漏,前台有个页面忘做了,,
收获以及困惑
bootbox.js的使用
这是一个比uib的模态框更好用的插件,简单易用
在html里只需要给想要触发事件的标签一个class就可以
<button type="button" class="btn btn-primary alert">OK</button>
而在js里只需要这样就可以使用一个最简单的模态框
$(document).on("click", ".alert", function()
里面就是插件的模板
});
它可以通过class批量添加,也可以通过id给特定标签
bootbox.confirm({
message: "This is a confirm with custom button text and color! Do you like it?",
buttons: {
confirm: {
label: 'Yes',
className: 'btn-success'
},
cancel: {
label: 'No',
className: 'btn-danger'
}
},
callback: function (result) {
console.log('This was logged in the callback: ' + result);
}
});
在里面插入模板的位置插入其模板,button内的message和button即为其模板
callback即为点击按钮事件的回掉函数
可以在其中进行操作
参数result为布尔值,为在模态框中点击cancel(false)或者confirm(true)时传入的值
可以通过判断点击不同按钮来进行不同操作,简单易用
而且此部分内容可以直接扔到controller里即可使用,不会报错
过程中遇到一个问题
因为要在模态框点击确认时做些骚操作
按钮都是repeat出来的,点击时需要当前对象的参数传入其中,
但是由class绑定的事件也没找着法子传参数
于是灵机一动,又给添一点击事件,把当前的对象扔controller里
就可以正常获取了
评论