EXTJS4.2中neptune主题的使用

最新推荐文章于 2022-06-20 19:41:35 发布
最新推荐文章于 2022-06-20 19:41:35 发布
阅读量8.2k 收藏 3
点赞数
分类专栏： Ext JS 文章标签： extjs4 Ext JS 界面 stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xieguojun2013/article/details/8880519
版权

   最近在在sencha.com官网了解到EXTJS的最新版本里增加了新的主题neptune，看demo挺不错的，简洁大方。

看惯了EXTJS的经典界面样式，可能有点疲劳了。于是下载了个新的版本4.2，来试试新的主题带来的效果。

   使用很简单，关键是把下载的包里的resources 里的几个主题库引用到你的项目里，neptune主题就是ext-theme-neptune包，

里面包含了该主题所使用到的所有的样式及资源。

   到你在你的页面里使用EXTJS的时候，必须加入对EXTJS样式文件的引用及ext-all.css。

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">

  而4.2版本的ext-all.css文件里只有一行import,默认是使用classic样式，将其更改为neptune即可。

@import '../ext-theme-neptune/ext-theme-neptune-all.css'

峰际流云
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
extjs4.2主题包
09-27
精选extjs4 2的11个主题 分享给各位 应该能满足普通应用 虽然4 2 x版的 理论上都兼容吧 但测试时最好还是采用本包中提供的类库ext all css 变换主题方法很简单 用下面的代码即可： Ext util CSS swapStyleSheet &quot;theme&quot; &quot;ext4 2 resources css &quot; + cssFileName ; cssFileName即为主题CSS文件名字 如：ext all blue css">精选extjs4 2的11个主题 分享给各位 应该能满足普通应用 虽然4 2 x版的 理论上都兼容吧 但测试时最
Extjs 更换主题（转载）
weixin_34208283的博客
07-18 265
转自http://www.wenhaozhong.com/27.html 这里基于 Extjs4.2（发文时官方刚发布了最新版5.0） 进行开发的，更换主题后，主题信息保存在本地 cookie 中，如果要保存在数据库中，请自行修改！ 由于我采用的是Sencha Architect3 可视化开发工具 ，前台代码采用官方推荐的mvc模式， 首先，我新建了个Combobox 让用户选择主题   ...
ExtJS 4.2 介绍
X9X9X9X9的专栏
07-11 1667
摘要: 　　Ext JS4.2 纳入了很多令人激动的提升和特点。你可能已经在其他文章中了解到一部分，如：Grid控件的改进。本文经讨论新主题海王星（Neptune Theme）和对从右到左（RTL）的支持。Neptune　　欢迎“Neptune”主题来 ... Ext JS4.2 纳入了很多令人激动的提升和特点。
ExtJS4.2.1自定义主题（theme）样式详解
weixin_33736649的博客
11-18 144
(基于ExtJS4.2.1版本) UI组件 学习ExtJS就是学习组件的使用。ExtJS4对框架进行了重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件。 ExtJs4的组件体系中有将近100种组件，而这些组件又可以大致分为四大类，即容器类组件、工具栏及菜单栏组件、表单及元素组件、其他组件。 theme主题 ExtJs4引入了全新的主题系统，采用S...
ExtJS 4.2 业务开发(一)主页搭建
weixin_33962621的博客
09-27 128
本篇开始搭建一个ExtJS 4.2单页面应用， 这里先介绍主页的搭建，内容包括：主页结构说明、扩展功能等方面。 目录 1. 主页结构说明 2. 扩展功能 3. 在线演示   1. 主页结构说明 1.1 主页布局 传统的ExtJS 4.2应用，基本布局如下：   1.2 主页布局分析 根据上面的主页布局图，可转换具体试图结构： header：存放系统的名称、logo、用户...
extjs4.2更换主题
12-19
extjs4.2更换主题，实现各种皮肤互换。
ExtJS自定义主题（theme）样式详解
unity3d学习者
11-19 3124
本文基于Ext JS 4.2.1版本 UI组件基础 学习ExtJS就是学习组件的使用。ExtJS4对框架进行了重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件。 ExtJs4的组件体系中有将近100种组件，而这些组件又可以大致分为四大类，即容器类组件、工具栏及菜单栏组件、表单及元素组件、其他组件。 theme主题 ExtJs4引入了全新的主题系统，采
ExtJs皮肤主题定制 sencha Themer
qq_45985044的博客
11-20 1400
ExtJs皮肤主题定制 sencha Themer 1 介绍 在Ext JS中创建自定义主题一直是一项挑战。但是使用Sencha Themer可以大大提高你的开发效率。 2 准备工作 确保您拥有Sencha Themer的安装文件。 Sencha Themer需要Sencha Cmd 6.5.1或更高版本。Sencha Cmd可以在这里下载。 如果您已在计算机上安装了Cmd，则还可以通过从CLI发出以下命令来升级Cmd： 确保您的环境满足上述所有要求后，双击Sencha Themer安装程序。执行后，安装程
爱思唯尔-Elsevier期刊的校稿流程记录(Proofs)(海王星Neptune)(遇到问题：latex去掉章节序号)
计算机视觉
06-20 6956
1 Elsevier爱思唯尔期刊的校稿流程记录 2 latex去掉章节序号
ExtJS5-一个简洁完整的后台管理系统入门实例
04-12
1、基于ExtJS 5.1版本实现，采用Neptune样式风格，中文语言； 2、使用全新的MVVM模式架构，面向对象写法； 3、全系统只有一个index.html界面，登录框也封装成独立的视图组件； 4、通过实现角色管理、用户管理两个基础的功能模块，演示了Viewport、Container、Panel、TreePanel、Grid、Window、Form等常用组件的用法，以及border、column、form、fit、hbox等常用布局方式； 5、通过自定义一个Ext.button.Button的扩展类，演示了自定义扩展Ext类的基本方法； 6、使用JSON，模拟从后台动态获取数据； 7.放入webapp运行tomcat,,直接访问index.html即可访问,其他语言相同
EXTJS 精美皮肤主题包
10-23
超简单改变EXTJS 主题包，改变你的EXTJS项目皮肤让人眼前一亮。里面有详细说明。
Extjs经典皮肤(N种)
09-18
Extjs经典皮肤(N种) 需要下载皮肤的进了
Extjs4.2中文教程
10-04
Extjs4.2入门教程详解，及API文档。
MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统
01-15
00.前言 01.教程简介_ExtJS4.2简介_SSH2基本框架搭建 02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 ...27.ExtJS4.2个性主题随心制作（下）
c语言涂格子游戏源码.rar
04-22
c语言涂格子游戏源码.rar
node-v18.14.2-linux-armv7l.tar.xz
最新发布
04-22
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
C++ 实现全连接神经网络及矩阵头文件 及技术指导
04-22
矩阵头文件
extjs4.2 Form表单 提交
06-07
在 ExtJS 4.2 中，可以使用 Ext.form.Panel 类来创建表单，然后使用表单的 submit 方法来提交表单。以下是一个简单的示例： ```javascript Ext.create('Ext.form.Panel', { title: 'My Form', width: 300, bodyPadding: 10, renderTo: Ext.getBody(), url: 'submit.php', // 表单提交的 URL items: [{ xtype: 'textfield', name: 'username', fieldLabel: 'Username' }, { xtype: 'textfield', name: 'password', inputType: 'password', fieldLabel: 'Password' }], buttons: [{ text: 'Submit', handler: function() { var form = this.up('form').getForm(); if (form.isValid()) { form.submit({ success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); } }); } } }] }); ``` 在这个示例中，我们创建了一个 Ext.form.Panel 对象，并设置了一些属性，例如标题、宽度、padding、提交的 URL 等等。我们还添加了两个文本框作为表单的输入项，并为它们指定了 name 属性。最后，我们添加了一个提交按钮，并为它指定了一个事件处理函数。 在按钮的事件处理函数中，我们首先获取表单对象，然后调用表单的 isValid 方法来判断表单是否有效。如果表单有效，我们就调用表单的 submit 方法来提交表单。submit 方法接受一个对象作为参数，可以指定一些回调函数来处理提交成功或失败的情况。在这个示例中，我们分别显示了一个成功或失败的提示框。 当用户点击提交按钮时，表单数据将被发送到指定的 URL。在 PHP 中，你可以使用 $_POST 变量来获取表单数据。例如，如果你的表单中有一个名为 username 的文本框，你可以使用 $_POST['username'] 来获取它的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值