关于easyui中combogrid中输入检索关键字时会被回退的问题

tanxing1122 2015-11-04 11:45:43
直接上代码先,

$('#DiagnosSearch').combogrid({
panelWidth:500,
panelHeight:200,
delay: 200,
mode: 'remote',
url:PUBLIC_CONSTANT.URL.QUERY_GRID_URL,
fitColumns: true,
striped: true,
editable:true,
pagination : true,//是否分页
rownumbers:true,//序号
collapsible:false,//是否可折叠的
fit: true,//自动大小
pageSize: 5,//每页显示的记录条数,默认为10
pageList: [5],//可以设置每页记录条数的列表
method:'post',
idField: 'HIDDEN',
textField: 'desc',
columns: [[
{field:'desc',title:'名称',width:400,sortable:true},
{field:'code',title:'code',width:120,sortable:true},
{field:'HIDDEN',title:'HIDDEN',width:120,sortable:true,hidden:true},
]],
keyHandler:{
up: function () {},
down: function () {},
enter: function () { },

query:function(q){

$('#DiagnosSearch').combogrid("grid").datagrid("reload",{'keyword':q});
//alert(q)
$('#DiagnosSearch').combogrid("setValue",q);

/*
window.setTimeout(
function (a) {
return function () {
$('#DiagnosSearch').combogrid("setValue",a);;
};
}(q)
, 100);
*/
LoadDiagnosData();

}
},
onSelect: function (){
var selected = $('#DiagnosSearch').combogrid('grid').datagrid('getSelected');
if (selected) {
$('#DiagnosSearch').combogrid("options").value=selected.HIDDEN;
}
}
});


描述下我的问题:
比如我输入检索关键字qwert,然后我想删除,按退格键,想删除ert这几个字符,效果会变成,我按一次退格键,qwer, 我再按一次退格键,变成qwe但是紧接着又会变成qwer,也就是我必须按不止三次退格键才能删除ert这三个字符。
输入时也会有相同的问题,我想输入qwert,我按q的时候,可能检索框会显示q但是紧接着q就会消失。
我尝试加了个alert(q),这种情况就消失了,所以我想会不会是延迟赋值会有效果,但是用settimeout还是会出现这种情况。所以想请教各位帮我分析一下,谢谢大家
...全文
531 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
java小超人 2018-04-23
  • 打赏
  • 举报
回复
抱歉写错了 不是14747 是14797 赞 EasyUI for jQuery 1.5.4.1 的位置在14797 的位置 if($(_b10).combo("getText")!=s){ //$(_b10).combo("setText",s);//避免查询回退问题 }
java小超人 2018-04-23
  • 打赏
  • 举报
回复
赞 EasyUI for jQuery 1.5.4.1 的位置在14747 的位置 if($(_b10).combo("getText")!=s){ //$(_b10).combo("setText",s);//避免查询回退问题 }
tanxing1122 2015-11-09
  • 打赏
  • 举报
回复
找到原因了,需要修改加载的easyui库,


    function _8bd(_8be, _8bf, _8c0) {
        var _8c1 = $.data(_8be, "combogrid");
        var opts = _8c1.options;
        var grid = _8c1.grid;
        var rows = grid.datagrid("getRows");
        var ss = [];
        var _8c2 = $(_8be).combo("getValues");
        var _8c3 = $(_8be).combo("options");
        var _8c4 = _8c3.onChange;
        _8c3.onChange = function() {};
        grid.datagrid("clearSelections");
        for (var i = 0; i < _8bf.length; i++) {
            var _8c5 = grid.datagrid("getRowIndex", _8bf[i]);
            if (_8c5 >= 0) {
                grid.datagrid("selectRow", _8c5);
                ss.push(rows[_8c5][opts.textField]);
            } else {
                ss.push(_8bf[i]);
            }
        }
        $(_8be).combo("setValues", _8c2);
        _8c3.onChange = _8c4;
        $(_8be).combo("setValues", _8bf);
        if (!_8c0) {
            var s = ss.join(opts.separator);
            if ($(_8be).combo("getText") != s) {
                //$(_8be).combo("setText", s);
            }
        }
    };

看注释
tanxing1122 2015-11-04
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
$('#DiagnosSearch').combogrid("setValue",q); 去掉这句。。你这里都重设过值了,
不能去掉的,如果去掉的话,我输入检索值得时候,只要一有停顿,检索框里的值就会清空
  • 打赏
  • 举报
回复
$('#DiagnosSearch').combogrid("setValue",q); 去掉这句。。你这里都重设过值了,
Hello World, 2015-11-04
  • 打赏
  • 举报
回复
reload会重新设置值的,后面又setValue,中间还在输入,有点乱 延时是个办法,不然就用autocomplete
tanxing1122 2015-11-04
  • 打赏
  • 举报
回复
引用 3 楼 showbo 的回复:
delay你放大点试试,easyui内部应该加了延时操作重设输入框值的操作 $('#DiagnosSearch').combogrid({ panelWidth:500, panelHeight:200, delay: 500,
版主,这种方式能缓解现象,但是解决不了问题,还是有一定几率出现这种情况。
  • 打赏
  • 举报
回复
delay你放大点试试,easyui内部应该加了延时操作重设输入框值的操作 $('#DiagnosSearch').combogrid({ panelWidth:500, panelHeight:200, delay: 500,
大家好,又见面了!EasyUI又更新了,这次更新内容还是不少的,具体内容请参考下面的更新说明,官方的更新说明还少了1条,我给补上了。 jQuery EasyUI 1.3.5版本更新内容: Bug(修复) searchbox:修复“searcher”函数提供的“name”参数值错误的问题combo:修复“isValid”方法无法返回布尔值的问题combo:修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题combogrid:修复某些从combo组件继承来的方法无法使用的问题。 Improvement(改进) datagrid:改进检查行时候的性能; menu:允许追加菜单分隔符; menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单; slider:新增“clear”和“reset”方法; tabs:新增“unselect”方法、“onUnselect”事件; tabs:新增“selected”属性,用于指定的默认打开的面板; tabs:Tab Panel(Tab页)新增“collapsible”属性,用于设置是否允许摺叠面板; tabs:新增“showHeader”属性、“showHeader”方法和“hideHeader”方法; combobox:允许“disabled”属性禁用下拉列表选项; tree:改进数据加载时候的性能; pagination:新增“layout”属性,用于自定义控件的样式布局; accordion:新增“unselect”方法、“onUnselect”事件; accordion:新增“select”和“multiple”属性; accordion:新增“getSelections”方法; datebox:新增“sharedCalendar”属性,允许多个datebox控件共享使用同一个calendar控件。 datebox:新增“buttons”属性,用于自定义日历下方的按钮。 (译者注:该点更新内容官方更新公告上没有注明,具体内容和用法请看datebox的API。) 历史版本: - jQuery EasyUI 1.3.4 离线API简体文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体文版 http://download.csdn.net/detail/richie696/5363933
例行更新,不过本次有新组件加入,感觉这次的组件早就应该有了,居然到现在才加入进来,不管怎么说有总比没有好。这次还是以改进为主,改进项占了大多数。废话不多说具体内容大家看更新说明吧!另外由于经常收到chm格式文件无法用的反馈,其实不是无法用,只是要授权。虽然已经解释多遍,但是依然有人不知道,索性就取消chm格式的文档了,今后统一采用exe+pdf格式,由于目前尚无时间制作pdf格式的api文档,所以1.5版只有exe的,pdf格式将在下一版提供。 jQuery EasyUI 1.5版本更新内容: Bug(修复) combobox:修复在加载包含所选项数据的时候不会触发“onSelect”事件的BUG; datagrid:修复在字段设置为一个空值的时候导致在某些情况下“updateRow”方法无法正常工作的BUG。 Improvement(改进) 一个label标签可以被关联到任意表单的字段上; combobox:改进在下拉项“select”和“unselect”的规则; combobox:添加“limitToList”属性来限制只能输入在列表项的内容; combogrid:允许用户快速克隆组件; form:添加“dirty”属性,允许用户只发送变更的字段内容; form:添加“resetDirty”方法; datagrid:允许用户在没有数据的时候显示一条消息(比如:无记录); textbox:添加“label”、“labelWidth”、“labelPosition”和“labelAlign”属性; spinner:添加“spinAlign”属性; calendar:允许用户在日历组件上显示周数(今年的第几周); window:添加“constrain”属性。 New Plugin(新组件) passwordbox:该插件允许用户在具有更好交互功能的输入输入密码; combotreegrid:该插件结合了combobox和treegrid组件。
(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取最新的EasyUI资源 专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址 我花那么多精力制作出来的 你们鼠标点两下就给我转走了还不注明出处 实在是不厚道 本来就是本着分享精神的 为的就是聚集一点人气和提供一个优良的环境来一起学习进步的 请不要抹杀掉我的热情 谢谢 )   时隔4个月之久 EasyUI终于迎来大版本更新了 本次更新内容诸多 除了常规维护外 还新增了3个新组件 都很实用 详细的可以阅读更新说明 里面给了详细的解读 另外 从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当 并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包已经提供 可以用于参考使用 jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement(改进) EasyUI的所有组件已经支持非固定 百分比大小的尺寸设置; menu:添加“showItem” “hideItem”和“resize”方法; menu:基于窗体大小自动调整高度; menu:添加“duration”属性 该属性允许用户自定义隐藏菜单动画的持续时间 以毫秒为单位; validatebox:添加“onBeforeValidate”和“onValidate”事件; combo:从该版本开始combo组件扩展自textbox组件(textbox是1 4新增的组件); combo:添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性; searchbox:从该版本开始searchbox组件扩展自textbox组件(textbox是1 4新增的组件); tree:添加“getRoot”方法 用于返回通过“nodeEl”参数指定的节点的顶部父节点元素 注意:官网的英文API该函数的说明有误 其说明是none 无参数 实际这里是需要参数的 ; tree:添加“queryParams”属性; datetimebox:添加“spinnerWidth”属性; panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” “novalidate”和“queryParams”属性; linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定的日期或时间; filebox:filebox 该组件表单元素用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取

87,995

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧