本次给大家带来的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. jQuery事件绑定on、off 和one,取代bind, live, delegate

    jQuery最新版建议:最好用on来代替以前的bind, live, delegate,其中live是最不建议使用的. on和off的格式 on $(elements).on(events[, sel ...

  2. git 换行符LF与CRLF转换问题

    git 换行符LF与CRLF转换问题 一.背景 在各操作系统下,文本文件所使用的换行符是不一样的.UNIX/Linux 使用的是 0x0A(LF),早期的 Mac OS 使用的是0x0D(CR),后来 ...

  3. 【转载】kafka的工作原理

    http://www.ibm.com/developerworks/cn/opensource/os-cn-kafka/index.html 消息队列 消息队列技术是分布式应用间交换信息的一种技术.消 ...

  4. Oracle 性能维护一点

    大数据量表的维护原则 1.如果此表经常CRUD,最好的办法是定期收集统计信息传递给oracle优化器,提高性能.例如dbms_stats.gather_table_stats命令. 可以做在ETL中, ...

  5. 利用Google Speech API实现Speech To Text

    很久很久以前, 网上流传着一个免费的,识别率暴高的,稳定的 Speech To Text API, 那就是Google Speech API. 但是最近再使用的时候,总是返回500 Error. 后来 ...

  6. Mango Weekly Training Round #3 解题报告

    A. Codeforces 92A Chips 签到题.. #include <iostream> #include <cstdio> #include <cstring ...

  7. HDU 2487 Ugly Windows

    递归求解,代码不太好看,是2013年7月写的 代码: #include<stdio.h> #include<iostream> #include<string.h> ...

  8. 字典树(Tire)模板

    #include<stdio.h> #include<string.h> #include<stdlib.h> struct node { node *ne[]; ...

  9. MySQL数据库学习笔记(四)----MySQL聚合函数、控制流程函数(含navicat软件的介绍)

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  10. YOU ARE MY SUNSHINE

    /*you are sunshine, my only sunshine, you make me happy when skies are grey. you'll never know dear ...