tesia
- 浏览: 32026 次
- 性别:
- 来自: 广州
-
最新评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>改变文档样式风格示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var themes=[
{theme:'默认',css:'ext-all.css'},
{theme:'黑色',css:'ext-all-access.css'},
{theme:'灰色',css:'ext-all-gray.css'}
];
//创建主题数据模型
Ext.regModel('Theme',{
fields:['theme','css']
});
//创建主题数据源
var themeStore=Ext.create('Ext.data.Store',{
model:'Theme',
data:themes
});
//创建主题切换选择框
var themeChange=Ext.create('Ext.form.ComboBox',{
id:'themeChange',
width:150,
labelWidth:60,
labelSeparator:':',
fieldLabel:'样式选择',
store:themeStore,//
editable:false,
triggerAction:'all',//单击触发按钮时显示全部数据
//store:themeStore,//
displayField:'theme',
valueField:'css',
queryMode:'local',//本地模式
value:'ext-all.css',//默认风格
listeners:{
'collapse':function(){
//调用Ext.util.CSS.swapStyleSheet来替换其样式表路径
Ext.util.CSS.swapStyleSheet(displayField,'../../ext-4.2.1/resources/css/'+this.getValue());
contentIframe.window.themeChange(this.getValue());
}
}
});
Ext.create('Ext.form.FormPanel',{
title:'Ext.form.ComboBox',
renderTo:Ext.getBody(),
bodyPadding:5,
frame:true,
height:100,
width:270,
defaults:{
labelSeparator:':',
labelWidth:70,
width:200,
labelAlign:'left'
},
items:themeChange
});
});
</script>
</head>
<body>
</body>
</html>
PS：貌似路径出了问题。没有得到想要的效果
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>改变文档样式风格示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var themes=[
{theme:'默认',css:'ext-all.css'},
{theme:'黑色',css:'ext-all-access.css'},
{theme:'灰色',css:'ext-all-gray.css'}
];
//创建主题数据模型
Ext.regModel('Theme',{
fields:['theme','css']
});
//创建主题数据源
var themeStore=Ext.create('Ext.data.Store',{
model:'Theme',
data:themes
});
//创建主题切换选择框
var themeChange=Ext.create('Ext.form.ComboBox',{
id:'themeChange',
width:150,
labelWidth:60,
labelSeparator:':',
fieldLabel:'样式选择',
store:themeStore,//
editable:false,
triggerAction:'all',//单击触发按钮时显示全部数据
//store:themeStore,//
displayField:'theme',
valueField:'css',
queryMode:'local',//本地模式
value:'ext-all.css',//默认风格
listeners:{
'collapse':function(){
//调用Ext.util.CSS.swapStyleSheet来替换其样式表路径
Ext.util.CSS.swapStyleSheet(displayField,'../../ext-4.2.1/resources/css/'+this.getValue());
contentIframe.window.themeChange(this.getValue());
}
}
});
Ext.create('Ext.form.FormPanel',{
title:'Ext.form.ComboBox',
renderTo:Ext.getBody(),
bodyPadding:5,
frame:true,
height:100,
width:270,
defaults:{
labelSeparator:':',
labelWidth:70,
width:200,
labelAlign:'left'
},
items:themeChange
});
});
</script>
</head>
<body>
</body>
</html>
PS：貌似路径出了问题。没有得到想要的效果
分享到：
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2005Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1317JSON作为轻量级的数据传输格式，在很多时候可以作为XML文件 ... -
Ext.Ajax.request提交XML数据示例
2013-07-09 16:51 880服务器端：loginServerXml.jsp 在lib下要有 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1019服务器端代码：loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 606<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 646<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 399<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 633<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 903<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1270<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 710Ext.util.ClickRepeater 继承Ext.ut ... -
样式表的创建和规则获取示例
2013-07-03 10:44 486<!DOCTYPE html PUBLIC " ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 813<!DOCTYPE html PUBLIC " ... -
Ext常用函数
2013-07-01 16:42 597函数一：Ext.onReady（） Ext的Dom都是动态生成 ... -
水平盒布局HBox
2013-07-01 15:43 443<!DOCTYPE html PUBLIC " ... -
表格布局
2013-07-01 15:18 490<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 687<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 369Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 922<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 733<!DOCTYPE html PUBLIC " ...
相关推荐
3.2.3. 高级用法示例 3.3. 摘要式认证 3.3.1. 简介 3.3.2. 规范（Specifics） 3.3.3. 身份（Identity） 3.4. HTTP 认证适配器 3.4.1. 简介 3.4.2. 设计回顾 3.4.3. 配置选项 3.4.4. Resolvers 3.4.4.1. ...
6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3 serialize()序列化表单/175 6.3 $.ajax()方法/177 6.3.1 $.ajax()的基本概念/177 ...
是否有足够多的示例Demos来演示控件库产品的各个方面的功能特性 是否已经有众多的成功案例 发布多长时间，同时是否一直有持续更新。 3.3 界面配置灵活性 界面开发一个很重要的问题是界面的样式是非常...
特性支持常见的警报，确认，吐司，通知多种类型弹窗可选择使用IOS或Material Design风格的弹窗可自定义按钮的文字，样式，某些函数，支持多个按钮多个弹窗状态改变某些函数同时支持jQuery和Zepto库可扩展性强新增...
14.3 控制CSS改变页面风格 14.3.1 实现结构与表现的分离及其范例 14.3.2 使用JwaScript和CSS实现页面多种风格的实时替换 14.4 总结 第15章 数据存储的脚本化 15.1 什么是cookie 15.1.1 ...
6.14 Visual C++ 2010 Windows资源管理器风格文档视图开发框架 346 6.15 小结 350 …… 第7章 VisualC++2010MFC应用程序界面与美化 第8章 VisualC++2010MFC文本与字体 第9章 VisualC++2010MFC图形图像...
6.13 Visual C++ 2010 Visual Studio 2008风格文档视图开发框架 342 6.14 Visual C++ 2010 Windows资源管理器风格文档视图开发框架 346 6.15 小结 350 第7章 Visual C++ 2010 MFC应用程序界面与美化 351 7.1 应用...
6.14 Visual C++ 2010 Windows资源管理器风格文档视图开发框架 346 6.15 小结 350 …… 第7章 VisualC++2010MFC应用程序界面与美化 第8章 VisualC++2010MFC文本与字体 第9章 VisualC++2010MFC图形图像...
8.4 Vista风格的窗口 197 8.4.1 使用Windows Vista玻璃效果 198 8.4.2 任务对话框和文件对话框 202 8.5 结束语 204 第9章 页面和导航 205 9.1 理解基于页面的导航 205 9.2 基于页面的用户界面 206 9.2.1 一个...
8.4 Vista风格的窗口 197 8.4.1 使用Windows Vista玻璃效果 198 8.4.2 任务对话框和文件对话框 202 8.5 结束语 204 第9章 页面和导航 205 9.1 理解基于页面的导航 205 9.2 基于页面的用户界面 206 9.2.1 一个具有...
改变风格和布局 克里斯蒂安·苏奇斯基-新投资组合网页 概括 HTML，CSS和JS文档创建了易于浏览的专业产品组合。 该项目将物化用于格式，样式和移动兼容性。 该项目具有以下功能： 页面上的视差滚动效果 交互式...
2.3.8 完整的Eight Ball Answer示例 35 2.4 使用其他名称空间中的类型 36 2.5 加载和编译XAML 38 2.5.1 只使用代码 38 2.5.2 使用代码和未经编译的XAML 40 2.5.3 使用代码和编译过的XAML 42 2.5.4 只使用XAML 44 2.6...
2.3.8 完整的Eight Ball Answer示例 35 2.4 使用其他名称空间中的类型 36 2.5 加载和编译XAML 38 2.5.1 只使用代码 38 2.5.2 使用代码和未经编译的XAML 40 2.5.3 使用代码和编译过的XAML 42 2.5.4 只使用XAML 44 2.6...
* box_mid % 可选，X 值向量，中位数* Nt= 4 % 可选，您想要的 Y 滴答的近似数量，默认值 = 4 * texts % 可选，添加文本的结构，详见X_myplot_CI.m * style % 可选，改变风格的结构，详见X_myplot_CI.m 使用示例...
当用户进行了输入或是窗口的状态发生改变时系统都会发送消息到某一个窗口。例如当菜单转中之后会有WM_COMMAND消息发送，WPARAM的高字中（HIWORD(wParam)）是命令的ID号，对菜单来讲就是菜单ID。当然用户也可以定义...
12.7.htm 使用Ajax动态改变局部元素样式 CSSmenu 使用Ajax+CSS实现动态菜单效果 第13章（/C13/） 13.1.xml 一个简单的xml文件 13.1.xsl 使用XSLT将XML转换为HTML 13.2.xml ...
1.重要改进：新版本中Delphi下的VCL控件已经比较完善，封装良好，与Delphi无缝连接，改变了旧版中需要将Dataset中的数据复制到报表引擎中的实现方式，通过模拟ADO接口的方式直接支持BDE/ClientDataset/等非ADO方式的...
亿图有一个方便，快捷的风格，并提供了大量的预定义样式，它可以帮助你让你的图美丽和个人在很短的时间。 涉及各种领域的丰富的库和模板 提供丰富的库和模板包括流程图，组织结构图，建立计划，网络图和更多。 ...