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

巧用CSS避免ExtJS应用界面同质化

阅读更多
ExtJS强大的界面组件,让程序员在美工不参与的情况也能开发出Web界面。然而,可能带来的问题就是Web应用软件界面的同质化。

最近有时间仔细研究了几个ExtJS应用的实现细节,发现可以结合组件的id值和CSS,达到界面外观定制的效果。

不过,ExtJS官方好像没有提供这方面的文档,所以其规律很难系统化。有兴趣的同学可以从附件中体会这种用法。

附件中的程序在ExtJS 2.1下测试通过。解开后直接把其中的文件拷贝到 ext-2.1\examples\panel 即可。

主要功能如下:
1.例子1:f1.html
(1)用CSS改变工具条背景样式
参照了:http://extjs.com/forum/showthread.php?t=26639
(2)用图片代替“图标+文字”按钮
参照了:http://www.extjs.com/forum/showthread.php?t=16408
(3)用CSS改变面板背景颜色
(4)用CSS改变面板在页面上的位置
2.例子2:f2.html
(1)用CSS改变工具条背景样式
(2)用CSS改变工具条按钮的样式



分享到:
评论
4 楼 yay2008 2008-12-19  
帮LZ顶下...
3 楼 Jinghua 2008-12-16  
很是郁闷呢,等了4天回了一个帖,太激动了。写的太少也是错
2 楼 Jinghua 2008-12-16  
呵呵
1 楼 fins 2008-05-14  
也可以用 spket 的新版本
它提供了一个制作ext皮肤的工具(不过目前还比较简单 只能用来调整整体风格的色调)

相关推荐

    EXTJS应用EXTJS应用EXTJS应用EXTJS应用

    开发者可能会用这些语句来初始化或更新应用程序的数据库结构。 `使用帮助.txt`文件通常提供关于如何使用应用程序的指南,包括功能介绍、操作步骤和常见问题解答,帮助用户更好地理解和操作EXTJS应用。 `洪越源代码...

    ExtJS的可视化界面设计器

    总结来说,ExtJS的可视化界面设计器是一个强大的开发辅助工具,它将复杂的前端界面设计过程简化,使得开发者能够更加专注于应用逻辑的实现,提高了开发效率和项目的可维护性。对于希望快速构建高质量ExtJS应用的团队...

    ssh整合实现登录的例子,包含源代码,用extjs做的登录界面

    在这个例子中,我们将深入探讨如何利用SSH整合来实现一个登录功能,并且这个功能的前端界面是通过ExtJS库创建的。 1. **Spring框架**:Spring是核心的依赖注入(DI)和面向切面编程(AOP)框架,它管理着应用中的...

    ExtJS主题CSS

    "ExtJS主题CSS"指的是用于定制ExtJS应用视觉风格的CSS文件集合。这些CSS文件通常包含了一系列预定义的类,覆盖了从按钮、表格到面板等所有UI组件的样式。在提供的描述中提到了几个主题皮肤:灰色、VISTA黑、天蓝色、...

    extjs界面生成器extjs界面生成器extjs界面生成器

    extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器

    ExtJS配置界面项目

    采用ExtJS-4.0.7版本,使得前端也有MVC开发模式,并且利用json来配置管理界面,将界面分成了3个部分,一个是查询界面,一个是操作条,一个是表格,一个操作打开一个新界面,操作按钮执行什么操作均可配置,可以配置...

    jQuery EasyUI仿Extjs界面

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如表格、下拉框、对话框、菜单等,使得开发者能够快速构建出美观且功能丰富的Web应用界面。ExtJS则是另一个知名的JavaScript框架,它...

    extjs通用后台管理界面

    ExtJS是一种基于JavaScript的富客户端应用开发框架,主要用于构建复杂的Web应用程序,尤其在企业级后台管理系统中广泛应用。它提供了一套完整的组件模型、数据绑定、布局管理、事件处理等机制,使得开发者能够创建出...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    ExtJS3.0可视化开发工具

    可视化开发工具对于ExtJS 3.0的使用尤为重要,因为它降低了开发门槛,使得非专业前端开发者也能通过图形化界面设计和配置应用程序。这种工具通常包含以下功能: 1. **界面设计器**:允许用户通过拖放操作创建和排列...

    extjs4.0引用的JS和CSS

    Neptune是ExtJS 4的一个内置主题,提供了一套现代且扁平化的界面设计。如果使用了中立主题,可能需要额外引入这个文件来应用主题样式。 3. **ext-theme-neptune-overrides.css**:Neptune主题的覆盖样式文件,通常...

    extjs 做的桌面应用程序界面

    extjs 做的桌面应用程序界面,只是前台的界面, 没有后台代码

    Extjs主界面生成导航

    Extjs主界面生成导航知识点 Extjs主界面生成导航是使用Extjs框架创建主界面导航系统的过程。以下是生成导航的详细知识点: 1. 生成功能导航:在Extjs中,我们可以使用Tree Panel组件来生成导航菜单。首先,需要...

    extjs做界面的jsp系统

    总结来说,"extjs做界面的jsp系统"是一个集成了前端、后端和数据库的完整Web应用实例,适合学习者研究ExtJS的UI设计,Java的Struts框架,以及MySQL数据库的使用。通过这个项目,开发者可以了解到如何将这些技术有效...

    extjs后台界面模板3.zip

    EXTJS是一种基于JavaScript的富客户端应用框架,专用于构建企业级的Web应用程序,尤其适合创建复杂的后台管理界面。EXTJS后台界面模板3.zip提供了一个完整的后台管理系统的界面模板,包括了机构、用户、角色和权限...

    ExtJs的图形化

    这款插件为开发者提供了图形化的界面,用于设计和布局ExtJS应用,减少了编写大量HTML和CSS代码的工作量。通过拖放组件,直观地调整布局,开发者可以更快地完成UI的设计和实现。此外,它通常还包含代码自动生成功能,...

    ExtJS 界面设计器

    ExtJS是一款强大的JavaScript库,主要用于...总的来说,ExtJS界面设计器是ExtJS开发者的强大辅助工具,它通过可视化设计方式简化了复杂的前端开发工作,提高了开发效率,使得开发者能够更专注于创造出色的用户体验。

    Extjs应用案例--<酒店管理系统>

    Extjs应用案例: 本酒店管理系统采用三层架构,SQL Server数据库。最主要的是采用了Extjs框架。 酒店系统实现了部分功能。aspx后台页面几乎无代码。业务逻辑处理全部采用Extjs自带的函数。对于学习Extjs的框架的...

    ExtJS界面生成工具

    "ExtJS界面生成工具"是针对这个框架开发的辅助软件,它的主要目的是简化开发流程,通过可视化的方式快速生成ExtJS应用的用户界面。 这个工具的优点在于,它能显著减少手动编写HTML和JavaScript代码的时间,使得...

    Extjs 之主界面布局

    Extjs 之主界面简单布局,适合刚刚接触ext的新手学习,就一个html页面。 现在拿来分享。

Global site tag (gtag.js) - Google Analytics