- 浏览: 1432919 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
luhouxiang:
写的很不错,学习了
Extjs 模块化动态加载js实践 -
kingkongtown:
如果想改成淘宝后台那样,可以在编辑器批量上传图片呢?
kissy editor 阶段体会 -
317966578:
兄弟我最近也在整jquery和caja 开放一些接口。在git ...
caja 原理 : 前端 -
liuweihug:
Javascript引擎单线程机制及setTimeout执行原 ...
setTimeout ,xhr,event 线程问题 -
辽主临轩:
怎么能让浏览器不进入 文档模式的quirks模式,进入标准的
浏览器模式与文本模式
[置顶] Lite-Ext 适合WebPage的轻量级Ext
在 google code
持续更新,这里停止
实现要点:
1.ul li 显示提示列表,放弃google 的 table显示
2.键盘处理细节,esc 键的处理
3.输入缓冲时间的处理,防止输入过快
4.store 层的抽象 ,分离
5.extjs trigger icon 细节
6.中文输入处理,采用轮询 (2009-12-03)
1.0
1.6
/* v1.0(20090428) 自动补全防google实现,暂时实现内存store ,待实现 远程 JsonStore v1.5(20090526) 借鉴extjs combobox(trigger 细节考虑) 实现其大部分功能(除去ajax),摒弃其空白图片占位做法 v1.6(20090606) 实现ajax获取数据的 Ext.ux.AutocompleteLite.RemoteStore v2.0(20090811) ie6 界面调整,失去焦点处理调整,ajax次序问题调整,添加triger配置,ext-core css标记浏览器方法避免 v2.0.1(20090903) z-index change to 99999 v2.5(20091203) 中文输入法兼容修正,改用轮询查询输入变化,算法大幅变动,hiddenName配置取消,没有意义 */
使用代码 :
/* 从内存中获取数据 */ new Ext.ux.AutocompleteLite({ //文本框id id:'autoCompleteTest', maxHeight:200, //只要含有 getSuggestions:function(autocompleteLite,query,ahead) {} 方法 的对象 即可,设置自动补全的数据 //MemeryStore.getSuggestions : /* getSuggestions:function(autocompleteLite,query,ahead,allowEmpty) { var x=[]; for(var i=0;i<this.data.length;i++) if((allowEmpty&&query.trim().length==0)||this.data[i].label.indexOf(query)!=-1) x.push(this.data[i]); autocompleteLite.autoComplete(x,ahead); } */ store:new Ext.ux.AutocompleteLite.MemeryStore({data:[{label:'123',value:'1'}, {label:'456',value:'2'}, {label:'789',value:'3'}]}), editable :true, //是否支持自动在文本框显示第一条补全 ,google 为 false typeahead:true, emptyText:'我想试试实现ext' }); /* Ajax 获取数据 */ new Ext.ux.AutocompleteLite({ //文本框id id:'autoCompleteTestRemote', maxHeight:200, //fetch.jsp?query=xx //返回数据应该为格式: /* {data:[ {label:'123',value:'1'}, {label:'456',value:'2'}, {label:'789',value:'3'} ] } */ store:new Ext.ux.AutocompleteLite.RemoteStore({ //此处改为你的jsp,参数query url:'data.html' }), editable :true, //是否支持自动在文本框显示第一条补全 ,google 为 false typeahead:true, emptyText:'我想试试实现ext' }); new Ext.ux.AutocompleteLite({ //文本框id id:'selectMy', maxHeight:200, store:new Ext.ux.AutocompleteLite.MemeryStore({data:[{label:'123',value:'1'}, {label:'456',value:'2'}, {label:'789',value:'3'}]}), //False to prevent the user from typing text directly into the field, just like a traditional select (defaults to true) editable :false, emptyText:'我想试试实现ext' });
- AutocompleteLite1.0.zip (44.4 KB)
- 下载次数: 176
- AutocompleteLite_1.5.zip (44.2 KB)
- 下载次数: 75
- AutocompleteLite_1.6.zip (48.3 KB)
- 下载次数: 110
- AutocompleteLite_2.0.zip (49.2 KB)
- 下载次数: 59
- AutocompleteLite_2.0.1.zip (49.2 KB)
- 下载次数: 92
- autocomplete_2.5.zip (90.7 KB)
- 下载次数: 348
评论
6 楼
ironcool
2009-12-03
再提一个意见:
似乎现在必须绑定到一个html的input元素中, 而不能凭空创建. 这就产生了一些限制, 在Panel中不太好用.
似乎现在必须绑定到一个html的input元素中, 而不能凭空创建. 这就产生了一些限制, 在Panel中不太好用.
5 楼
yiminghe
2009-11-29
ironcool 写道
今天又试了试windows下ie, 用搜狗输入法, 居然就可以了.
上次我用的是ff + ibus, 在debian上, 无法激发动作.
上次我用的是ff + ibus, 在debian上, 无法激发动作.
谢谢你的关注,我为了实现简单没有考虑中文输入兼容问题,
若考虑周全的话需要使用定时器 监控输入框变化而不是监控键盘输入,
有空我会加以完善
4 楼
ironcool
2009-11-29
今天又试了试windows下ie, 用搜狗输入法, 居然就可以了.
上次我用的是ff + ibus, 在debian上, 无法激发动作.
上次我用的是ff + ibus, 在debian上, 无法激发动作.
3 楼
ironcool
2009-11-27
中文问题仍然没有解决阿.
比如用输入法输入中国人民, 那么向服务器的请求根本不会激发, 此时删除一个汉字, 它才能检测到输入变化. 同时, 向其中粘贴文本似乎也不能起作用.
也许要换个方法来检测变化.
比如用输入法输入中国人民, 那么向服务器的请求根本不会激发, 此时删除一个汉字, 它才能检测到输入变化. 同时, 向其中粘贴文本似乎也不能起作用.
也许要换个方法来检测变化.
2 楼
czjie
2009-10-12
你好,为什么我还是取不到页面的值呢?我的代码如下~初学Ext请多多指教
<input id="autoCompleteTestRemote" title="Google 搜索" name="autoCompleteTestRemote" style='width:130px;'/>
new Ext.ux.AutocompleteLite({ //文本框id id:'autoCompleteTestRemote', maxHeight:200, store:new Ext.ux.AutocompleteLite.RemoteStore({ //此处改为你的jsp,参数query url:'loadUserDinner.action?author='+ Ext.get("autoCompleteTestRemote").dom.value }), editable :true, //是否支持自动在文本框显示第一条补全 ,google 为 false typeahead:true, emptyText:'我想试试实现ext' });
1 楼
yiminghe
2009-05-26
借用extjs的界面设计了,标题改名,
不仿google了,山寨extjs comboBox
不仿google了,山寨extjs comboBox
发表评论
-
ie6下怪异的radio
2010-04-13 19:55 4453首先一句话:查bug的过程是痛苦的,结果是兴奋的。 ... -
mac chrome 标签效果实现
2009-12-10 19:28 2189google 发布了 mac 版的chrome,据说增加了几万 ... -
google code svn mine-type
2009-10-26 16:18 0google code svn mine-type c ... -
compare
2009-10-14 17:26 0compare -
可折叠的面板
2009-08-27 10:19 2118[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
简朴树形菜单
2009-08-25 18:22 1656[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
Button In Extjs Style
2009-08-06 18:14 5740[置顶] Lite-Ext 适合WebPage的轻量级Ex ... -
Lite-Ext(20090723).zip
2009-07-23 23:36 0Lite-Ext(20090723).zip -
SliderLite - Extjs-core实现的淘宝首页渐隐版Slider
2009-06-16 17:48 2102归属 [置顶] Lite-Ext 适 ... -
基于Ext-core 好玩的图片部分自由放大工具
2009-05-16 07:04 3226[置顶] Lite-Ext 适合WebPage的轻量级 ... -
TipLite 轻量级的Ext 提示
2009-05-09 21:34 2355[置顶] Lite-Ext 适合WebPage的轻 ... -
CalendarLite 轻量级的Ext 日历
2009-05-05 17:58 3660[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
MarqueeLite - 基于Ext-core的marquee
2009-04-28 00:28 1931归属 [置顶] Lite-Ext 适合W ... -
GridLite 轻量级的Ext Grid
2009-04-25 22:54 2419[置顶] Lite-Ext 适合WebPa ... -
WindowLite 轻量级的Ext窗口
2009-04-24 19:19 4145归属 [置顶] Lite-Ext ... -
Lite-Ext 适合WebPage的轻量级Ext
2009-04-23 19:58 6252在开发中经常需要extjs般酷炫的效果,又顾及于extjs臃肿 ... -
TabPanelLite 轻量级的Ext标签
2009-04-23 19:58 2334[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
构建标准web 之 FormLite
2009-04-20 17:18 2200[置顶] Lite-Ext 适合WebPage的轻量级 ... -
三级菜单选择器
2009-03-26 01:41 3270[置顶] Lite-Ext 适合WebPage的轻 ...
相关推荐
ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0
ext-core-3.0.0ext-core-3.0.0ext-core-3.0.0ext-core-3.0.0
spketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
ext-3.3.1ext-3.3.1ext-3.3.1ext-3.3.1ext-3.3.1ext-3.3.1
DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件DW CS3--EXT2.2插件
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
哈工大版本,for pytorch
xml-apis-ext.jar,hightcharts导出图片是解决乱码需要用到的一个包
哈工大版本,for pytorch
Visual Studio Code上搜不到插件Auto.js-Pro-Ext hyb1996
Android SDK中platforms下的android-34-ext8 自行解压
针对现实信用评分业务中样本类别不平衡和代价敏感问题,以及金融机构更期望以得分的方式直观地认识贷款申请人的信用风险的实际需求,提出一种基于Ext-GBDT集成的类别不平衡信用评分模型。使用欠采样的方法从“好”...
openwrt-by-linfang26-2016-10-17-x86-generic-combined-ext4.img