注册登录

z***@163.com

z***@163.com

发布：2016-07-13 15:34
更新：2016-07-13 17:03
阅读：1645

请问正常的list怎么实现到编辑状态？例如增加复选框，是有API还是得手工修改li属性？

分类：MUI

请问正常的list怎么实现到编辑状态？例如给每一个li增加复选框，是有API还是得手工修改li属性？另如果li定义了mui("").on("tap","a",function(){})事件，在编辑状态怎么隐藏，求思路....

2016-07-13 15:34 负责人:无分享

1 个回复

柠檬下午茶

   list本身是不具有任何编辑功能的，table也不能，他只是给你一个网格一样的排版框架。  
   所以如果你想让列表的内容可以编辑，就要在可以编辑的地方放进去一个input控件，并且去掉input控件的样式border:none和outline:none;把输入控件的大小设置成和li一样的大小，这就是一个可输入的li了。增加单选框和复选框同理。  
  事件在编辑状态隐藏可以采用一下鼠标焦点事件focus和blur，为该li里面所有的input聚焦事件添加判定，把你的mui("").on("tap","a",function(){})事件放在聚焦事件的判定里面，如果input聚焦（即处于编辑状态）则不执行你的函数，如果input控件并未聚焦，切发生mui("").on("tap","a",function(){})事件，则执行你的函数。

该问题目前已经被锁定, 无法添加新回复