jQuery MiniUI

标题: 为什么datagrid表头里面添加的input输入框不能点击获取焦点 [打印本页]

作者: ylnily 时间: 2017-1-13 17:16:54 标题: 为什么datagrid表头里面添加的input输入框不能点击获取焦点

举个例子：
在原代码 <div field="dept_name" width="120">所属部门</div> 中添加input输入框后：
<div field="dept_name" width="120">
所属部门
<input type="text" placeholder="测试的输入框" style=" ">
</div>

通过css定义样式，最后在页面中显示出来的input输入框，为什么鼠标点击的时候没有反应，获取不了焦点呢，更别说往里面输入内容了。

我打开控制台审查时，观察鼠标点击input输入框的时候，input元素和body元素都会添加一个类名：class="mini-unselectable"。我不知道是否和这个有关。

希望版主给予解答啊，谢谢了~~~

作者: felt 时间: 2017-1-13 17:29:02

我们对表头点击事件做了处理，点击不会进入这样的输入框内

作者: ylnily 时间: 2017-1-15 00:02:21

felt 发表于 2017-1-13 17:29
我们对表头点击事件做了处理，点击不会进入这样的输入框内

难道就没有任何别的办法了吗？

作者: dforce 时间: 2017-1-16 10:13:18

ylnily 发表于 2017-1-15 00:02
难道就没有任何别的办法了吗？

你现在是要做什么功能？

作者: ylnily 时间: 2017-1-16 10:52:53

dforce 发表于 2017-1-16 10:13
你现在是要做什么功能？

需要做的功能就是：点击表头旁边的小三角，在表头下面弹出一个输入框，根据输入的内容查询符合条件的数据。

既然对表头做了处理，我就不在表头里面嵌套input元素了，写在其他地方，然后通过定位调节top、left值来达到功能效果。

作者: dforce 时间: 2017-1-16 13:33:26

ylnily 发表于 2017-1-16 10:52
需要做的功能就是：点击表头旁边的小三角，在表头下面弹出一个输入框，根据输入的内容查询符合条件的数据 ...

我们表格现在的结构已经固定了，这样的改动太大了，外部不容易实现的。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)