`
nannan408
  • 浏览: 1783521 次
  • 性别: 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
分享到:
评论

相关推荐

    ext3.0所有控件演示代码

    2. 表单(Form):EXT3.0的表单组件允许开发者创建复杂的数据输入界面,包括文本框、下拉框、复选框、单选按钮等多种控件。`Ext.form.FormPanel`是表单的基础,通过`items`属性添加字段,`fields`定义字段配置。表单...

    Ext JS 1713个icon图标

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

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

    这里的`iconCls`属性指定了一个图标类,"ext-icon-save"是EXT JS预定义的图标类,它会在按钮上显示保存的图标。 在实际开发中,开发者可能会遇到需要自定义图标的情况。EXT JS允许通过CSS或者使用第三方图标库(如...

    extjs小图标(项目小图标大全)

    "extjs小图标(项目小图标大全)"这个资源集合了5000个专门用于ExtJS项目的图标,为开发者提供了广泛的选择,以满足不同设计需求。 这些小图标通常以SVG或PNG格式提供,因为这两种格式支持多种分辨率和设备,能够确保...

    EXT小图标大全.rar

    这个压缩包中的"Ext小图标大全"包含了EXT Js 常用的图标集合,开发者可以预览并挑选适用于自己项目中的图标。在使用过程中,需要注意图标与UI设计的一致性,确保视觉效果的和谐统一。 总的来说,EXT Js 的图标资源...

    包含各种类型的extjs小图标,Extjs4小图标

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    easyui_icons图标扩展(约1000个)

    它的核心组件包括对话框、表单、菜单、布局、表格等,而图标(Icon)是用户界面设计中不可或缺的一部分,它能直观地向用户传达功能或状态信息。 在 EasyUI 的标准库中,内置的图标数量相对较少,可能无法满足一些...

    Ext js的图标、icons

    本资源包含了一套完整的Ext JS图标集合,总计超过1500个图标,对于进行Ext JS开发的人员来说,这是一个非常宝贵的资源。 在Ext JS中,图标通常用于按钮、工具栏、菜单项等组件,以表示各种操作或功能。图标可以是...

    前端js小图标,肯定有你能用到的

    总结起来,前端开发中使用JS图标涉及多种技术和方法,包括直接引用、CSS背景、字体图标、组件、图标库和服务。选择合适的方法取决于项目的具体需求,同时注意优化图标资源,提升页面性能和用户体验。

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

    图标大全包含了2000个图标,这意味着它涵盖了各种类型和风格的图标,例如通用的文件操作图标、导航图标、社交网络图标、警告和信息提示图标等。这些图标可能以PNG、SVG或矢量格式提供,适应不同分辨率和显示设备,...

    easyui,extjs图标icon图标大全

    "easyui,extjs图标icon图标大全"这个资源包含了2000个图标,为开发者提供了大量的选择,以满足不同场景下的需求。这些图标可能包括文件操作、导航、编辑、设置、警告等各种类别,覆盖了信息系统开发中的常见功能。...

    Ext小图标icon,共1716个

    "Ext小图标icon,共1716个"的资源就是一个专为Ext项目设计的图标集合,它包含了一系列16*16像素大小的PNG格式图标。这些图标旨在提升用户界面(UI)的美观度和用户体验(UX),使得Ext构建的应用程序更加吸引人和...

    extjs图标和图标样式css

    在EXTJS框架中,图标和图标样式是UI设计的重要组成部分,它们可以显著提升用户界面的美观度和可操作性。EXTJS图标通常与按钮、工具条、菜单项等组件关联,用于表示各种功能或操作。在EXTJS中,图标有两种主要形式:...

    ext图标全集

    EXT图标通常包括多种样式和主题,适用于各种功能按钮、菜单项和其他UI元素。 EXT图标全集的特点在于其全面性,包含了所有可能用到的图标,并且按照字母顺序排列,这样的组织方式便于开发者快速查找和引用所需的图标...

    1000个png格式的Ext小图标

    在这个压缩包中,你获得的是1000个png格式的小图标,这些图标设计用于与ExtJS框架集成,以增强应用的视觉效果和用户体验。 PNG(Portable Network Graphics)是一种无损压缩的位图格式,它支持透明度和高分辨率,是...

    EasyUI_Icon_图标扩展样式(1775个)

    在给定的资源中,"EasyUI_Icon_图标扩展样式(1775个)" 是一个专门针对 EasyUI 图标设计的扩展样式集,包含了大量的图标,旨在增强 EasyUI 应用的视觉效果和用户体验。 这个资源包含1775个图标,这些图标可能是...

    extjs图标大全extjs图标大全extjs图标大全extjs图标大全

    在“包含Windows桌面大多数应用图标”这一点上,我们可以推断这个图标库涵盖了广泛的应用类型,包括文件管理器、网络浏览器、邮件客户端、媒体播放器、办公软件等常见图标。这意味着无论你在ExtJS应用中需要哪种类型...

    一些EXT的图标后台可能用的到

    在文件名称列表中,"ext"可能是指EXTJS的资源文件夹,其中可能包含了EXT图标的相关文件。这些文件通常包括CSS样式表、SVG图片文件或者字体文件。开发者可以通过引用这些文件,在EXTJS应用中使用预定义的图标。例如,...

    Ext JS Notification 插件

    `index.html` 文件通常是应用程序的入口点,包含了HTML结构和必要的JavaScript引用,包括`protoculous-packer.js`和`Ext.ux.Notification.js`。`protoculous-packer.js`可能是一个打包工具,用于压缩和优化...

    ExtJS项目Icons小图标1000个16x16

    "ExtJS项目Icons小图标1000个16x16"是一个资源包,包含了1000个16x16像素大小的PNG格式图标,这些图标是为ExtJS或类似系统开发设计的。16x16像素的尺寸是常见的图标大小,适合在UI中显示,不会占用过多空间,同时...

Global site tag (gtag.js) - Google Analytics