`
yiminghe
  • 浏览: 1460217 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Lite-Ext 适合WebPage的轻量级Ext

阅读更多

在开发中经常需要extjs般酷炫的效果,又顾及于extjs臃肿的体态 ( 为了适应通用的需求而设计的复杂组件层次架构所导致) ,而在一般的 web page 中常常又用不到他的很多功能,故我打算对extjs 的组件进行 适合 web page 开发的 简化 ,借鉴它的素材重新开发,先命名为 Lite-Ext 吧.

 

    目标:重构extjs臃肿的界面库适合web page开发。


组件使用演示地址可到组件详情页面查看

跟风整理了部分到 google code 可 svn 直接下载新版(持续维护) :  

 

lite-ext@code.google

 

2010-02-18 采用 git 管理:


lite-ext@github

 

 

实例:

 

使用 lite-ext 写了个 chrome-extension :


 chrome extension - 光华bbs图片上传增强工具


 

效果图:

 

 

 

 

 

 

 

 

 

 

 

组件列表:

 

 

 

1. WindowLite 窗口 3 (2009-10-10)

 

具体 : WindowLite 轻量级的Ext窗口

 

 

 

AOL Skin:

 

 

TaskBar 添加

 

 

2.MultiTree (多选树)     7.1 (2009-10-09)

 

 具体 :三级菜单选择器  

 

 

 

 

 

 

 

 

 

3 .TabPanelLite (标签页)        2.0 (2009-12-14)

 

 


具体 :TabPanelLite 轻量级的Ext标签

 

AOL Skin :

 

 

4. ComboBox Lite (ComboBox)  2.0 (2009-08-11)

 

具体:ComboBoxLite - 基于Ext-core的自动补全

 

 

 

5.CalendarLite (日历)  2.0 (2009-07-23)

 

具体:CalendarLite 轻量级的Ext 日历

 

6.GridLite (表格)  2.5 (2009-08-20)


v2.4 客户端单列排序实现

 

 

具体:GridLite 轻量级的Ext Grid

 

 

 

 

 

 

 

 

7.   SliderLite 1.5 (2009-07-06)

 

具体 : SliderLite - Extjs-core实现的淘宝首页渐隐版Slider

 


 

 

 

8.TipLite (提示)  1.6.5 (2009-08-03)

 

具体: TipLite 轻量级的Ext 提示

 

 

9.Form (表单)  2.4  (2009-08-03 )


具体 : 构建标准web 之 功能表单 


 

 

 

 

 

10. ImageScaler 1.5(稳定) (2009-10-13)

 

具体 : 基于Ext-core 好玩的图片部分自由放大工具

 

 

 

 

 

 

 

 

 

 

  

11.MarqueeLite(滚动条)  1.0 (2009-04-28)

 

 

具体: MarqueeLite - 基于Ext-core的marquee

 

 

 

 

12.ButtonLite(IE6 Button fix)  1.0 (2009-08-05)

 

具体: Button In Extjs Style

 

12.TreeLite  1.0 (2009-08-25)

 

具体: 简朴树形菜单

 

13.CollapseLite  1.0(可折叠面板) (2009-09-02)

 

具体: 可折叠面板

 

 

14.一些小玩意

 

14.1  灵活的评价星实现

 

 

 

14.2  YUI3数据延迟加载组件

 

14.3 JSZIP 中文压缩

 

14.4 移植的一个文曲星小游戏

 

D2 推广 :

 

2005 年前端工程师的职位开始在中国出现,2007年第一届D2前端技术论坛在杭州举行,从此D2伴随着中国的前端一起成长,从此越来越多的互联网产品的背后有着职业前端工程师坚定的身影。在D2上我们曾交流过某项具体的前端技术,也曾探讨过团队协作的方式,那些美妙的话题都深入到我们频繁敲键盘的指尖。当架构、安全、性能等等在前端的领域扎根的时候,我们自己也在悄然发生质变,而推动这些变化的人和事正是D2想告诉你的。


第四届主题:蜕变 * 成长

 

 

 

 

  • 大小: 101.2 KB
  • 大小: 24.2 KB
分享到:
评论
8 楼 fengmaniu 2012-05-15  
楼主,你太强大了,顶一个
7 楼 romola 2010-05-24  
http://www.jobsdigg.com/story/3562/
欢迎投送
6 楼 tiger888 2009-12-27  
支持一个,一直对Extjs,Jquery,YUI等各种方案对比,没有一个是很好的,Jqeury尽管比较适合query dom,但UI还是欠火候,ExtJS又过于庞大,团队入门难。
5 楼 andy_ghg 2009-11-15  
我也一直想做一个这种东东,前几天用ext-core包写了一个Panel一个Window(就是能拖拽的Panel...)就写不下去了...好多东西要做.貌似我不太适合开发这种比较低层的东西,太悲哀了... 
4 楼 damoqiongqiu 2009-06-18  
看过,很有创意,等我也来研究研究这块。
3 楼 yiminghe 2009-05-25  
you 写道

很不错哦,希望楼主继续实现更多的lite
比如MessageBox和Combo box


MessageBox 示例了一个,alertlite 基础框架还是 windowlite ,仿照ext的架构

Combo box 近期计划哦 , 打算在 autocompletelite 上增强,ext也是这么搞的
2 楼 you 2009-05-23  
很不错哦,希望楼主继续实现更多的lite
比如MessageBox和Combo box
1 楼 Bennes001 2009-05-08  
支持一下,顶一个

相关推荐

    Lite-Ext WebPage的轻量级Ext.zip

    在描述中,"Lite-Ext WebPage的轻量级Ext.zip"可能暗示了这是一个减小了体积、优化过的EXT库,特别适合那些对加载速度和性能有较高要求的Web项目。EXT是一个广泛使用的JavaScript框架,它提供了一整套丰富的用户界面...

    开源项目-bettinson-grep-webpage.zip

    开源项目-bettinson-grep-webpage.zip,I'm a complete go beginner and I wrote a simple grep function for web pages in go. How does this look?

    GrapesJS-example:GrapesJS 示例与grapesjs-preset-webpage、grapesjs-preset-newsletter、grapesjs-mjml 合而为一

    本项目"**GrapesJS-example**"是GrapesJS的一个综合实例,结合了**grapesjs-preset-webpage**、**grapesjs-preset-newsletter**和**grapesjs-mjml**三个插件,旨在提供一个全面的编辑体验,覆盖网页设计和电子邮件...

    sematic web--wiki webpage

    http://en.wikipedia.org/wiki/Semantic_Web<br>wikipedia defination of sematic web

    refresh--time--in--new--webpage.rar_Refresh_ Refresh

    "refresh--time--in--new--webpage.rar_Refresh_ Refresh"这个标题提示我们,它可能包含了一个关于如何在新的浏览器窗口中刷新页面以显示最新时间的代码示例。"refresh"和"_refresh"标签进一步确认了这一主题。 ...

    my-first-webpage

    在【压缩包子文件的文件名称列表】中,我们看到"my-first-webpage-main"。这可能是项目的主目录或主要文件夹,通常在这样的文件夹里,我们会找到HTML文件(如index.html)、CSS文件(用于样式设计,如style.css)和...

    my-own-webpage-Tkestrel:GitHub Classroom创建的my-own-webpage-Tkestrel

    标题 "my-own-webpage-Tkestrel:GitHub Classroom创建的my-own-webpage-Tkestrel" 暗示这是一个学生或初学者通过GitHub Classroom创建的个人网页项目。这个项目可能是为了学习HTML、CSS以及可能的JavaScript等前端...

    java抓取网页部分源码-jbosstools-central-webpage:JBoss中心网页

    jbosstools-central-webpage $ git remote add upstream git://github.com/jbosstools/jbosstools-central-webpage.git 您可以随时从上游拉取更改并将它们合并到您的主服务器上: $ git checkout master # switches ...

    aadmin-pane-webpage

    压缩包内的`aadmin-pane-webpage-gh-pages`可能代表项目的GitHub Pages分支。GitHub Pages是一种服务,允许用户免费托管静态网站。在这个目录下,通常会包含HTML文件、CSS样式表、JavaScript脚本和其他资源文件,如...

    uib-frameworks-responsive-bootstrap-webpage-mariagluck:GitHub Classroom创建的uib-frameworks-sensitive-bootstrap-webpage-mariagluck

    标题中的“uib-frameworks-responsive-bootstrap-webpage-mariagluck”是一个项目名称,表明这是一个关于创建响应式Bootstrap网页的示例。这个项目可能是由GitHub Classroom创建的,用于教学或实践目的,帮助用户...

    Starbucks-landing-webpage

    Starbucks-landing-webpage

    Tech-10-webpage:技术 10 网页

    在这个项目中,jQuery库被引入,这是一个轻量级的JS库,简化了DOM操作、事件处理、动画效果以及Ajax交互。jQuery使得开发者能够用更少的代码实现更复杂的效果,提高了开发效率。例如,使用jQuery,可以轻松实现页面...

    Spotify-clone-project-webpage

    【描述】"Spotify-clone-project-webpage"是一个学习实践项目,...通过解压并研究"Spotify-clone-project-webpage-master"中的文件,你可以逐步了解和学习到上述知识点,并且能够动手实践,从而提升自己的HTML技能。

    movie-analysis-webpage

    ...例如,`<head>`标签用于定义页面元信息,包括标题(`<title>`)、样式表(`<link>`)和脚本(`...在"movie-analysis-webpage-main"文件夹内,我们可以找到这些技术实现的源代码,进一步了解其工作原理和实现细节。

    Zuri-PHP-Webpage

    【文件列表】"Zuri-PHP-Webpage-master"可能是项目源代码的主目录,包含了所有相关的文件和子目录。在其中,你可能会找到如index.php(首页)、login.php(登录处理)、logout.php(注销处理)、reset_password.php...

    about-me-webpage

    在"about-me-webpage-main"这个压缩包中,我们可以期待找到构成这个个人网页的各种HTML文件。这些文件通常包含`<html>`、`<head>`和`<body>`等元素,它们分别代表整个文档、文档头部信息和实际的网页内容。 在HTML...

Global site tag (gtag.js) - Google Analytics