`
liss
  • 浏览: 842542 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXT window中加入照片

EXT 
阅读更多
Ext.onReady(function(){ 
      var simple = new Ext.Window({ 
        title: '人员新增', 
        bodyStyle:'padding:5px 5px 0', 
        width: 680, 
        height : 380, 
       layout: 'column', 
        items: [{ 
labelAlign:'right', 
frame:true, 
        columnWidth:0.5, 
        defaults: {width: 230}, 
        labelWidth : 75,         
        layout: 'form', 
        items:[ 
        { 
        xtype : 'textfield', 
                fieldLabel: '姓名', 
                name: 'name', 
                allowBlank:false 
            },{ 
            xtype : 'textfield', 
                fieldLabel: '性别', 
                name: 'sex' 
            },{ 
            xtype : 'textfield', 
                fieldLabel: '年龄', 
                name: 'age' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            }, { 
            xtype : 'datefield', 
                fieldLabel: '出生日期', 
                name: 'bord' 
            } 
           ]            
            }, 
            { 
            columnWidth:0.5, 
frame:true, 
            items:[ 
            { 
            id :'photo', 
            width : 200, 
            height: 200, 
            xtype : 'textfield', 
fieldLabel: '照片', 
name: 'photo', 
inputType:'image' 
            } 
            ] 
            } 
            , 
            { 
            layout: 'form', 
frame:true, 
            columnWidth:1, 
labelAlign:'right', 
            items:[ 
            { 
            width: 450, 
            xtype : 'textarea', 
fieldLabel: '简介', 
name: 'mates' 
            } 
            ] 
            }   
       ], 
showLock : false, 
listeners:{ 
'show':function(win){ 
if(!win["showLock"]){ 
win.findById('photo').getEl().dom.src='person.jpg'; 
win["showLock"]=true; 
} 
} 
}, buttonAlign:'center', 
        buttons: [{ 
            text: '确定' 
        },{ 
            text: '取消' 
        }] 
    }); 

    simple.show(); 
  }); 

 

分享到:
评论

相关推荐

    一个简单的Ext.Window中插入图片的例子

    此外,提供的`一个简单的Ext.Window中插入图片.doc`文件可能包含更详细的步骤或示例代码,建议查阅该文档以获取更深入的理解。记住,实践是最好的老师,动手尝试并根据项目需求进行调整,你将更加熟练地掌握在`Ext....

    Ext window的使用

    Ext.Window是Ext JS中的一个类,继承自Ext.container.Container,它创建了一个可以在页面上自由移动和调整大小的浮动窗口。窗口通常用作模态对话框、信息提示或其他需要用户交互的场景。 2. **创建一个基本的Ext....

    Ext_Window用法

    Ext_Window用法

    Ext.window从右下角弹出/隐藏

    本文将详细探讨如何在ExtJS中实现一个窗口(`Ext.window`)从右下角动态弹出并隐藏的功能,类似于即时通讯软件(如MSN)中的登录提醒。 #### 二、关键技术点 ##### 1. **自定义窗口类** 为了实现上述需求,首先...

    ext 仿window 界面

    "ext 仿window 界面"指的是使用EXTJS 框架来创建类似于Windows桌面操作系统的用户界面,提供一种熟悉且直观的交互体验。这种设计方式可以使Web应用在视觉上更接近本地应用,提高用户的使用舒适度。 EXTJS 提供了...

    Ext-window属性

    以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号或ID。在支持一次仅显示一个子组件的布局中,如`Ext.layout.Accordion`、`...

    EXT Window 通过DIV布局(源代码)

    Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。

    Ext.window的一个扩展组件SuperWin.js

    Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;

    Ext3.2中文API

    Ext中文API Ext3.2中文API ExtAPI Ext中文Ext中文API Ext3.2中文API ExtAPI Ext中文Ext中文API Ext3.2中文API ExtAPI Ext中文

    EasyExt_003_第一个组件Ext.Window

    EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    ext 3.3 中文 chm

    1. 组件(Components):详述EXT 3.3中的各种组件,如Panel、Grid、Form、Window等,包括它们的用法、配置项和事件。 2. 布局(Layouts):介绍EXT 3.3的布局系统,如何选择和配置合适的布局,以及如何自定义布局。 ...

    ext教程、ext核心API 、ext中文教程

    EXT的组件化思想是其核心,通过各种组件如表格(Grid)、面板(Panel)、窗口(Window)等,可以构建出复杂的UI结构。教程会详细讲解这些组件的属性、方法和事件,帮助初学者快速上手。 "EXT核心API"则深入介绍了...

    EXT JS中文API+中文教程+中文资料+源码

    `EXT 中文手册.pdf`和`Ext2 核心 API 中文详解.pdf`提供了EXT JS的核心API和概念的中文解释,对于日常开发中快速查找和理解API非常有用。 `2.0.rar`很可能是一个包含EXT JS 2.0框架源码的压缩文件,开发者可以直接...

    Ext 3.0 中文文档

    Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档Ext 3.0 中文文档

    EXT4 源码+window下模拟ext2+linux_ext文件系统模拟

    EXT4是Linux操作系统中最常用的文件系统之一,它在2008年被引入到Linux内核,以替代较旧的EXT3系统。EXT4的主要改进包括更大的文件系统大小支持、更快的性能以及对大量小文件的优化处理。在这个压缩包中,你可能会...

    EXT3.0中文API文档

    EXT3.0中文API文档是针对EXT JavaScript库的版本3.0所编写的详细参考资料,主要面向前端开发者,特别是那些在Web应用中使用EXT3.0框架进行开发的专业人士。EXT是一个强大的用户界面库,提供了丰富的组件和功能,用于...

    ext4.0中文文档

    在EXT4中,文件的重命名操作变得非常快速,因为它们现在在内存中完成,避免了对磁盘的大量读写操作。 4. **延迟分配** 这一特性允许EXT4在写入数据时并不立即分配磁盘空间,而是等到数据实际写入时再分配,这有助...

    ext中文教程 ext API

    ext中文教程 ext API ext中文教程 ext API

    Ext2.0 中文文档

    适配器(Adapters)在EXT中扮演着关键角色,它们帮助EXT与不同版本的jQuery或其他JavaScript库共存,提供兼容性解决方案。 EXT2.0的学习路径建议从基本的Element操作和事件处理开始,逐步掌握Widgets的使用,然后...

Global site tag (gtag.js) - Google Analytics