`
nannan408
  • 浏览: 1755063 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext3.0 之弹出框Window -------------包括小图标iconCls

    博客分类:
  • EXT
 
阅读更多
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; 
} 
0
0
分享到:
评论

相关推荐

    Ext JS 1713个icon图标

    由于最近在研究Extjs4.1.1,没想到Extjs没有自带的iconCls所使用的图标样式css,就是用那个写那个的,纠结了半天,网上也找了好久,还是自己写了个批量处理程序,集合了1713个png小图标,都是Extjs原生态的,直接...

    EXT 最新icon图标大集合,节省时间专用

    EXT,EasyUI 最新icon图标大集合,节省时间专!

    icon图标大全(2000个icon),适用于easyui,extjs等

    icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发

    ExtJS网页小图标icons

    此压缩包,包含了我们网页中常用的ICON小图标,可以直接引用无需修改,上千个图标资源任君挑选

    IconTextField

    给JTextField添加图标 在输入框中添加图标

    easyui,extjs图标icon图标大全

    icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发

    Ext JS 删除的代码

    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)

    适用于easyui,extjs等的 200 个 icon图标大全(2000个icon)。 icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发 easyui,icon

    多种多样各类icon图标库

    多种多样各类icon图标库集合大全 方便各程序员开发时使用

    RDF 框架使用

    <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=...

    easyui 主页布局

    <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>

    经典PNG图标集合之三

    做网站肯定用的上。有需要的下载,共四集。大约1500张左右

    EasyUI_Icon_图标扩展样式(1775个)

    花积分下载的,免费共享.. 原下载地址:http://download.csdn.net/download/miracle98/7579723

    treepanel动态加载数据实现代码

    代码如下: 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:...

    EXTJS4.1计算器插件

    由于开发WEB需要一个WEB计算器插件,在网上找EXTJS4计算器插件没有一个,找extjs4.0计算器...用的时候只需var caculatepanel = new Ext.create('Ext.ux.Caculate', { region: 'east', iconCls: 'icon-help' })就行了

    extjs-desktop

    MyDesktop.Test = Ext.extend(Ext.app.Module, { id:'bb-cc',//DIV中的ID值 init : function(){ this.launcher = { text: 'abcdefg',//菜单中显示的文本 iconCls:'tabs', handler : this.createWindow, ...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤...

    铅笔画软件图标下载

    该文档为铅笔画软件图标下载,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤...

    jquery-easyui-EDT-1.5.5.7z

    tabs:修复当标题包含符合元素时,所选择的历史顺序错误的问题; combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标光标快速离开的时候展开的面板不会被折叠的问题;...

Global site tag (gtag.js) - Google Analytics