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;
}
分享到:
相关推荐
由于最近在研究Extjs4.1.1,没想到Extjs没有自带的iconCls所使用的图标样式css,就是用那个写那个的,纠结了半天,网上也找了好久,还是自己写了个批量处理程序,集合了1713个png小图标,都是Extjs原生态的,直接...
EXT,EasyUI 最新icon图标大集合,节省时间专!
icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发
此压缩包,包含了我们网页中常用的ICON小图标,可以直接引用无需修改,上千个图标资源任君挑选
给JTextField添加图标 在输入框中添加图标
icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发
var system_add_rent = new Ext.Toolbar({ border : false, items : [{ text : "添加月租金", iconCls : "add10", listeners : { click : function() { add_rent.show(); } ...
适用于easyui,extjs等的 200 个 icon图标大全(2000个icon)。 icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发 easyui,icon
多种多样各类icon图标库集合大全 方便各程序员开发时使用
<div iconCls="icon-panel" id="NewPostWin" align="center" xtype="window" width="600" height="150" title="新增岗位信息" resizable="true" modal="true" autoScroll="true"> <form id="addFrmData" class=...
<div class="easyui-layout" <div data-options="region:'north'" <div data-options="region:'south',split:true" ... <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" </div>
做网站肯定用的上。有需要的下载,共四集。大约1500张左右
花积分下载的,免费共享.. 原下载地址:http://download.csdn.net/download/miracle98/7579723
代码如下: var tree = new Ext.tree.TreePanel({ region:’west’, title:’站点树:’, width:200, minSize:150, maxSize:200, iconCls:’ux-auth-menu-header-icon’, split:true, autoScroll:true, autoHeight:...
由于开发WEB需要一个WEB计算器插件,在网上找EXTJS4计算器插件没有一个,找extjs4.0计算器...用的时候只需var caculatepanel = new Ext.create('Ext.ux.Caculate', { region: 'east', iconCls: 'icon-help' })就行了
MyDesktop.Test = Ext.extend(Ext.app.Module, { id:'bb-cc',//DIV中的ID值 init : function(){ this.launcher = { text: 'abcdefg',//菜单中显示的文本 iconCls:'tabs', handler : this.createWindow, ...
第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤...
该文档为铅笔画软件图标下载,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤...
tabs:修复当标题包含符合元素时,所选择的历史顺序错误的问题; combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标光标快速离开的时候展开的面板不会被折叠的问题;...