jQuery MiniUI

标题: dataGrid 行内编辑单元格添加autoComplete功能出现问题 [打印本页]

作者: wangchunjiang 时间: 2018-5-11 08:54:31 标题: dataGrid 行内编辑单元格添加autoComplete功能出现问题

我在dataGrid行的一个单元格中添加autoComplete功能，功能正常，显示正常，但是只要使用鼠标滚轮，焦点丢失无法在下拉列表中滚动，感觉滚轮事件是和dataGrid自身的事件冲突了，有没有大神遇到过这种问题，小弟感激不尽。

作者: jialiang 时间: 2018-5-11 09:18:17

并没有出现你的问题，请提供demo

作者: wangchunjiang 时间: 2018-5-11 09:58:09

[attach]10852[/attach]

作者: wangchunjiang 时间: 2018-5-11 10:14:19

本帖最后由 wangchunjiang 于 2018-5-11 10:20 编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>test</title>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
      <script src="../../js/common/jquery-2.1.4.min.js" type="text/javascript"></script>

</head>
<body>
<a class="mini-button genlBtn" plain="true"><i class="iconfont icon-m_add"></i>新增</a>
      <div id="datagrid_detail" class="mini-datagrid" showPager="false"
      allowSortColumn="false" style="width: 100%; height: 310px;" url="" dataField=""
      idField="id" allowResize="true" pageSize="20" allowCellEdit="true"
      allowCellSelect="true" showFooter="false" multiSelect="true">
      <div property="columns">
               <div type="indexcolumn"></div>
               <div type="checkcolumn"></div>
               <div name="name" field="name" width="100">
               材料名称 <input id="materialNameChange" property="editor" required="true" class="mini-autocomplete"
                                 url="" valueFromSelect="true"  valueField="id" textField="name"  style="width: 100%;"/>
               </div>
         </div>
      </div>
<script type="text/javascript">
            mini.parse();

            //材料明细
            var grid_detail = mini.get("datagrid_detail");
            function addMaterial(){
                     var newRow = {};
         grid_detail.addRow(newRow, 0);
            }
            var names = mini.get("materialNameChange");
            var nameValues = [{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"}, {id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"},{id:"1",name:"qq"}];
            names.setData(nameValues);
            function addMaterial(){
                     var newRow = {};
                     grid_detail.addRow(newRow, 0);
            }
      }
</script>
</body>
</html>

作者: jialiang 时间: 2018-5-11 10:42:52

wangchunjiang 发表于 2018-5-11 10:14
test

请看例子

作者: wangchunjiang 时间: 2018-5-11 11:22:11

非常感谢

作者: wangchunjiang 时间: 2018-5-11 15:19:15

我试了一下，鼠标滚轮事件还是会失去焦点，你有qq吗，远程我电脑试一下？

作者: wangchunjiang 时间: 2018-5-11 15:32:54

[attach]10864[/attach]

作者: felt 时间: 2018-5-15 10:09:15

wangchunjiang 发表于 2018-5-11 15:32

http://www.miniui.com/demo/#src= ... t_autocomplete.html
这是我们在线示例，你测试一下有没有你这样的问题。

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