发表于: 2017-03-07 17:49:06

1 1076


今天做的事

今天主要是查缺补漏,用了新的模态框插件

明天计划

继续查缺补漏,前台有个页面忘做了,,

收获以及困惑

bootbox.js的使用

这是一个比uib的模态框更好用的插件,简单易用

在html里只需要给想要触发事件的标签一个class就可以

<button type="button" class="btn btn-primary alert">OK</button>

而在js里只需要这样就可以使用一个最简单的模态框

$(document).on("click", ".alert", function() 

里面就是插件的模板

});

它可以通过class批量添加,也可以通过id给特定标签


  1. bootbox.confirm({
  2.    message: "This is a confirm with custom button text and color! Do you like it?",
  3.    buttons: {
  4.        confirm: {
  5.            label: 'Yes',
  6.            className: 'btn-success'
  7.        },
  8.        cancel: {
  9.            label: 'No',
  10.            className: 'btn-danger'
  11.        }
  12.    },
  13.    callback: function (result) {
  14.        console.log('This was logged in the callback: ' + result);
  15.    }
  16. });

在里面插入模板的位置插入其模板,button内的message和button即为其模板

callback即为点击按钮事件的回掉函数

可以在其中进行操作

参数result为布尔值,为在模态框中点击cancel(false)或者confirm(true)时传入的值

可以通过判断点击不同按钮来进行不同操作,简单易用

而且此部分内容可以直接扔到controller里即可使用,不会报错

过程中遇到一个问题

因为要在模态框点击确认时做些骚操作

按钮都是repeat出来的,点击时需要当前对象的参数传入其中,

但是由class绑定的事件也没找着法子传参数

于是灵机一动,又给添一点击事件,把当前的对象扔controller里

就可以正常获取了






返回列表 返回列表
评论

    分享到