查看: 5107|回复: 8

dataGrid 行内编辑单元格添加autoComplete功能出现问题 [复制链接]

wangchunjiang

新手上路

Rank: 1

电梯直达

楼主

发表于 2018-5-11 08:54:31 |只看该作者 |倒序浏览

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

收藏0

jialiang

超级版主

Rank: 8 Rank: 8

沙发

发表于 2018-5-11 09:18:17 |只看该作者

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

wangchunjiang

新手上路

Rank: 1

板凳

发表于 2018-5-11 09:58:09 |只看该作者

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

wangchunjiang

新手上路

Rank: 1

地板

发表于 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>