发表于: 2017-07-26 23:37:27

1 854


1、解决了昨天的label和input的对应关系,便于点击文字项实现对复选框的勾选,for/id由于是标签固有属性,必须增加{{}}双花括号进行引用即可。

<label for="{{ 'inp'+$index}}" ng-bind="vm.lists[$index]"></label>
<input
id="{{'inp'+$index}}" name="Fruit"。。。>

实际渲染后的标签为id="inp0"

2、做了操作提示的模态框,如图。

首先要引用bootboxjs文件,confirmalertprompt分别对应js中的相关操作,进行提示确认,警告,输入框提示三种功能。

应用也比较简单

var t3="<p>删除后该职位信息将无法使用及还原</p><p>是否执行删除操作</p>";
bootbox.confirm({
   
message: t3,
   
title: "操作提示",
   
size:'large',
   
buttons: {
       
confirm: {
           
label: '确定',
           
className: 'btn-success'
       
},
       
cancel: {
           
label: '取消',
           
className: 'btn-danger'
       
}
    }
,
   
callback: function(result) {if(result){alert("删除成功!")}}
})

简单说一下相关关键字的含义,

Message:中间提示内容(alert, confirm必填),里面可以直接加html标签插入页面,便于简单渲染。

Title:顶部提示内容,(prompts必填),这里不填写的话,就没有顶部位置,Message会自动占据顶部。

Buttons:为按钮相关设置,label为按钮显示文字。

Callback:为执行完成后的回调函数(confirmprompt必填)。这里定义为确认后弹出删除成功提示,后面还会增加重新请求页面数据。

具体的一些其他应用可以参考官方文档:http://bootboxjs.com/documentation.html

3、下午将公共文件进行了更新和上传,冲突处理后发现部分没注意的地方被覆盖了,还好通过webstorm历史版本进行了找回。得出的经验教训有3,一是公共内容自己修改增加的地方做好详细备注,二是公共内容在确认队友已经更新的情况下,及时进行更新提交,三是做好自己代码版本的备份(手动备份及ws等工具)。

4、由于我这部分的后端接口还没弄好,没法做真实的数据交互渲染,今天将前面的部分页面内容进行了优化以匹配PSD

收获:模态框的基础应用,SVN冲突处理等。

困难:暂无。

计划:根据已完成的部分后台接口重新核对之前页面进行渲染及传参。



返回列表 返回列表
评论

    分享到