本次给大家带来的EasyUI的我研究拓展的新特性

我使用的是  EasyUI 1.3.2版本的,项目是ASP.NET MVC3,但是本篇讲解用不上ASP.NET MVC,仅仅修改官方Demo你就知道怎么用了

但这次我都是自己修改EasyUI源码完成的

首先大家先下载官方的 EasyUI 1.3.2    【 下载 】 先保证大家都是在同一个起跑线的,放心吧,我会教你们怎么改的,还有思路

 

1. EasyUI Combo 在火狐和谷歌下 中文 模糊匹配问题

大家下载好官方的EasyUI的最新版1.3.2后,打开  属于你们的目录

\jquery-easyui-1.3.2\demo\combobox 文件,截图如下

我们先看原先的效果,打开remotedata.html

效果:

通过这个,我们已经可以看到,EasyUI自带的匹配直接输英文的可以,如果通过中文状态的输入英文会不匹配,但是再按任何一个键时候又开始匹配了。英文都已经有这个问题了,那中文呢,当然也是。

我们替换这个文件下的

JSON代码如下,换成中文:

[{
    "id":1,
    "text":"山东省",
    "desc":"Write once, run anywhere"
},{
    "id":2,
    "text":"C#",
    "desc":"One of the programming languages designed for the Common Language Infrastructure"
},{
    "id":3,
    "text":"北京市",
    "selected":true,
    "desc":"A dynamic, reflective, general-purpose object-oriented programming language"
},{
    "id":4,
    "text":"上海市",
    "desc":"A high-level, general-purpose, interpreted, dynamic programming language"
},{
    "id":5,
    "text":"天津市",
    "desc":"A family of general-purpose, high-level programming languages"
}]

我就是把英文换成了中文,刷新那个页面,效果如下

这样的自动匹配效果肯定不是你想要的吧

接下来我们修改 jquery.easyui.min.js,我用Notepad++打开的

Ctrl+F查找 keydown.combo ,我的在9871行

有人说,将keydown.combo改成 keyup.combo,本人亲自试过,没用…

定位这行代码后,我们在9867行代码下

添加如下代码就可以解决

_75b.bind("input" ,function(e)
{
    if(_758.timer){
    clearTimeout(_758.timer);
    }
    _758.timer=setTimeout(function(){
    var q=_75b.val();
    if(_758.previousValue!=q){
    _758.previousValue=q;
    $(_757).combo("showPanel");
    opts.keyHandler.query.call(_757,_75b.val());
    _767(_757,true);
    }
    },opts.delay);
});

图解位置:

除了

_75b.bind("input" ,function(e)
{
 
 
 
其他代码:肯定不是我自己写的,我没那么神,只是看它的原理,这行代码下面有
 
 
});

是自己写的,其他的,是从下面粘贴过来的,在这里粘贴过来的(AaronYang)

把这行代码复制到上面去试试,就可以了

我修改好的js下载      【下载

刷新那个页面,我们继续再看下效果:

关于这个问题,我这里解决的大家看起来很简单,但是研究起来,要看懂加了密的js代码逻辑,还是很辛苦的,希望大家如果成功了,帮助到你了,给个好评啊~!

我下班了,还有个jquery.messager.js    修改,让alert效果可以实现  自动消失的效果

明天写吧,还请好友们多关注我的.NET方面的,EF Code First教程。

ASP.NET MVC4 in Action 我也好久没有更新了,真的很对不起大家,有时间我会更新的哈

 

本文章是 Http://AaronYang.cnblogs.com  AaronYang(杨洋)辛苦写的,转载时候,请标明出处

茗洋Easy UI 1.3.2 部分问题解决系列专题[Combo模糊匹配中文问题 修复]的更多相关文章

  1. 茗洋Easy UI 1.3.5 部分问题解决系列专题[自定义alert关闭时间,自动关]

    [评论,楼层数为30的倍数的,我送你我自己的博客园的皮肤,该博客参与活动] 这次我又给大家带来的EasyUI的我研究拓展的新特性 我使用的是  EasyUI 1.3.5版本的,项目是ASP.NET M ...

  2. Struts2 easy UI插件

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

  3. Easy UI常用插件使用

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

  4. easy ui插件

    简介: easy UI是类似于jQuery UI的插件库 注意:多脚本同时使用时,注意脚本冲突问题. 常用插件: 1.tree插件(tree插件实现动态树形菜单) 2.datagrid插件(datag ...

  5. easy ui 框架

    Easy UI 准备工作(搭建) 1.在WebRoot 的目录下创建js 文件夹,在文件夹中倒入一下两个包 Jquery.easyui.min.js jquery.min.js 2.在WebRoot ...

  6. 解决easy ui 1.4datebox控件不能清空的问题

    用easy ui遇到这个问题,在网上找到了解决方案,不过是1.3.6版本的.现提供1.4版本的修改的具体位置和代码. 我们用的是这个 修改位置:12739行,添加代码: , { text: funct ...

  7. easy ui 1.4的NumberBox,失去焦点后不能再次输入小数点

    这也是1.4版本的bug,现在1.4.1也发布了,经验证,该问题在新版本中已经解决了 在网上找到的解决办法,地址:http://www.jeasyui.com/forum/index.php?topi ...

  8. ASP.MVC EASY UI 入门之 —— Tree & ComboTree

    1.常规的EASY UI的tree和comboTree代码基本是官方的DEMO都有的,虽然很简单,但是还是要实践的做一次,才能更清晰的了解和使用它!先上效果图 因为用的是code first,所以数据 ...

  9. 关于ExtJS、JQuery UI和easy UI的选择问题

    转自百度知道. 问:做企业级应用,比如***管理系统,不需要华丽的特效,只希望简单,风格统一.能用到的只有messagebox.tree.grid大概这几个,其他特效不要,忘大神根据自己的见解以及我这 ...

随机推荐

  1. git报错 error: cannot stat ‘'web/js': Permission denied

    切换分支时报错: error: cannot stat ‘'web/js': Permission denied 解决方法:退出编辑器.浏览器.资源管理器等,然后再切换就可以了.

  2. CI 框架中的自定义路由规则

    在 CI 框架中,一个 URL 和它对应的控制器中的类以及类中的方法是一一对应的,如: www.test.com/user/info/zhaoyingnan 其中 user 对应的就是控制器中的 us ...

  3. Linux / OS X 实用命令

    具体可用参数还是用man指令查方便一点,在此不一一列出 图片来自imooc 磁盘相关: df 查看硬盘分区情况,实例 df -h du 查看文件大小情况 du -s /Directory 用户/用户组 ...

  4. Linux shell basic2 cat find tr

    Cat stands for concatenate. Case 1. When the text files have more blank lines, we want to remove the ...

  5. Gnome创建桌面快捷方式

    Ctrl+Alt+T打开终端 输入gnome-desktop-item-edit 桌面/ --create-new (注: 桌面/ 要改为你桌面文件夹所在路径) 配置快捷方式属性,在“命令(A)”这行 ...

  6. NOIP2008 普及组T3 传球游戏 解题报告-S.B.S.

    题目描述 上体育课的时候,小蛮的老师经常带着同学们一起做游戏.这次,老师带着同学们一起做传球游戏. 游戏规则是这样的:n个同学站成一个圆圈,其中的一个同学手里拿着一个球,当老师吹哨子时开始传球,每个同 ...

  7. Laxcus大数据管理系统2.0(5)- 第三章 数据存取

    第三章 数据存取 当前的很多大数据处理工作,一次计算产生几十个GB.或者几十个TB的数据已是正常现象,驱动数百.数千.甚至上万个计算机节点并行运行也已经不足为奇.但是在数据处理的后面,对于这种在网络间 ...

  8. 第12章 纤程(Fiber)

    12.1 纤程对象的介绍 (1)纤程与线程的比较 比较 线程(Thread) 纤程(Fiber) 实现方式 是个内核对象 在用户模式中实现的一种轻量级的线程,是比线程更小的调度单位. 调度方式 由Mi ...

  9. AC日记——铺地毯 洛谷 P1003(水水水水水~)

    题目描述 为了准备一个独特的颁奖典礼,组织者在会场的一片矩形区域(可看做是平面直角坐标系的第一象限)铺上一些矩形地毯.一共有 n 张地毯,编号从 1 到n .现在将这些地毯按照编号从小到大的顺序平行于 ...

  10. MongoDB学习(五)Linux环境安装MongoDB

    一.   下载 从http://www.mongodb.org/downloads地址中下载:mongodb-linux-x86_64-2.4.11.tar 二.  安装 1>设置mongoDB ...