1.前言。
如题。
2.代码。
注意,图标是需要自己加样式的,否则显示不出来。
var button=Ext.get('btnShh');
button.on('click', function(){
// tabs for the center
var tabs = new Ext.TabPanel({
region: 'center',
margins:'3 3 3 0',
activeTab: 0,
defaults:{autoScroll:true},
items:[{
title: 'Bogus Tab',
html: 'fewfw'
},{
title: 'Another Tab',
html: 'fewfw'
},{
title: 'Closable Tab',
html: 'fewfw',
closable:true
}]
});
// Panel for the west
var nav = new Ext.Panel({
title: 'Navigation',
region: 'west',
split: true,
width: 200,
collapsible: true,
margins:'3 0 3 3',
cmargins:'3 3 3 3'
});
var win = new Ext.Window({
title: '弹出框',
iconCls: "add",
closable:true,
modal:true,
width:600,
height:350,
//border:false,
plain:true,
layout: 'border',
items: [nav, tabs]
});
win.show(this);
});
注意把小图标的样式加上,路径要对。
.add {
background: url(Images/icons/add.png) left top no-repeat;
}
分享到:
相关推荐
2. 表单(Form):EXT3.0的表单组件允许开发者创建复杂的数据输入界面,包括文本框、下拉框、复选框、单选按钮等多种控件。`Ext.form.FormPanel`是表单的基础,通过`items`属性添加字段,`fields`定义字段配置。表单...
由于最近在研究Extjs4.1.1,没想到Extjs没有自带的iconCls所使用的图标样式css,就是用那个写那个的,纠结了半天,网上也找了好久,还是自己写了个批量处理程序,集合了1713个png小图标,都是Extjs原生态的,直接...
这里的`iconCls`属性指定了一个图标类,"ext-icon-save"是EXT JS预定义的图标类,它会在按钮上显示保存的图标。 在实际开发中,开发者可能会遇到需要自定义图标的情况。EXT JS允许通过CSS或者使用第三方图标库(如...
"extjs小图标(项目小图标大全)"这个资源集合了5000个专门用于ExtJS项目的图标,为开发者提供了广泛的选择,以满足不同设计需求。 这些小图标通常以SVG或PNG格式提供,因为这两种格式支持多种分辨率和设备,能够确保...
这个压缩包中的"Ext小图标大全"包含了EXT Js 常用的图标集合,开发者可以预览并挑选适用于自己项目中的图标。在使用过程中,需要注意图标与UI设计的一致性,确保视觉效果的和谐统一。 总的来说,EXT Js 的图标资源...
在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...
它的核心组件包括对话框、表单、菜单、布局、表格等,而图标(Icon)是用户界面设计中不可或缺的一部分,它能直观地向用户传达功能或状态信息。 在 EasyUI 的标准库中,内置的图标数量相对较少,可能无法满足一些...
本资源包含了一套完整的Ext JS图标集合,总计超过1500个图标,对于进行Ext JS开发的人员来说,这是一个非常宝贵的资源。 在Ext JS中,图标通常用于按钮、工具栏、菜单项等组件,以表示各种操作或功能。图标可以是...
总结起来,前端开发中使用JS图标涉及多种技术和方法,包括直接引用、CSS背景、字体图标、组件、图标库和服务。选择合适的方法取决于项目的具体需求,同时注意优化图标资源,提升页面性能和用户体验。
图标大全包含了2000个图标,这意味着它涵盖了各种类型和风格的图标,例如通用的文件操作图标、导航图标、社交网络图标、警告和信息提示图标等。这些图标可能以PNG、SVG或矢量格式提供,适应不同分辨率和显示设备,...
"easyui,extjs图标icon图标大全"这个资源包含了2000个图标,为开发者提供了大量的选择,以满足不同场景下的需求。这些图标可能包括文件操作、导航、编辑、设置、警告等各种类别,覆盖了信息系统开发中的常见功能。...
"Ext小图标icon,共1716个"的资源就是一个专为Ext项目设计的图标集合,它包含了一系列16*16像素大小的PNG格式图标。这些图标旨在提升用户界面(UI)的美观度和用户体验(UX),使得Ext构建的应用程序更加吸引人和...
在EXTJS框架中,图标和图标样式是UI设计的重要组成部分,它们可以显著提升用户界面的美观度和可操作性。EXTJS图标通常与按钮、工具条、菜单项等组件关联,用于表示各种功能或操作。在EXTJS中,图标有两种主要形式:...
EXT图标通常包括多种样式和主题,适用于各种功能按钮、菜单项和其他UI元素。 EXT图标全集的特点在于其全面性,包含了所有可能用到的图标,并且按照字母顺序排列,这样的组织方式便于开发者快速查找和引用所需的图标...
在这个压缩包中,你获得的是1000个png格式的小图标,这些图标设计用于与ExtJS框架集成,以增强应用的视觉效果和用户体验。 PNG(Portable Network Graphics)是一种无损压缩的位图格式,它支持透明度和高分辨率,是...
在给定的资源中,"EasyUI_Icon_图标扩展样式(1775个)" 是一个专门针对 EasyUI 图标设计的扩展样式集,包含了大量的图标,旨在增强 EasyUI 应用的视觉效果和用户体验。 这个资源包含1775个图标,这些图标可能是...
在“包含Windows桌面大多数应用图标”这一点上,我们可以推断这个图标库涵盖了广泛的应用类型,包括文件管理器、网络浏览器、邮件客户端、媒体播放器、办公软件等常见图标。这意味着无论你在ExtJS应用中需要哪种类型...
在文件名称列表中,"ext"可能是指EXTJS的资源文件夹,其中可能包含了EXT图标的相关文件。这些文件通常包括CSS样式表、SVG图片文件或者字体文件。开发者可以通过引用这些文件,在EXTJS应用中使用预定义的图标。例如,...
`index.html` 文件通常是应用程序的入口点,包含了HTML结构和必要的JavaScript引用,包括`protoculous-packer.js`和`Ext.ux.Notification.js`。`protoculous-packer.js`可能是一个打包工具,用于压缩和优化...
"ExtJS项目Icons小图标1000个16x16"是一个资源包,包含了1000个16x16像素大小的PNG格式图标,这些图标是为ExtJS或类似系统开发设计的。16x16像素的尺寸是常见的图标大小,适合在UI中显示,不会占用过多空间,同时...