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

EXT 在FormPanel中显示图片的例子

EXT 
阅读更多
  1.  {  
  2.                     columnWidth: .5,  
  3.                     layout: 'form',  
  4.                     items: [  
  5.                     {  
  6.                         xtype : 'box',  
  7.                         anchor : '',  
  8.                         anchor: '95%',  
  9.                         //width:100,  
  10.                         //height:100,  
  11.                         autoEl : {  
  12.                             tag : 'div',  
  13.                             style : 'margin:8px 0 8px 105px',  
  14.                             children : [  
  15.                              {  
  16.                                 tag : 'img',  
  17.                                 qtip : 'You can also have a tooltip on the image',  
  18.                                 width:100,  
  19.                                 height:100,  
  20.                                 src : '/edu'+this.image  
  21.                             }]  
  22.                         }  
  23.                     }]        
  24.                 }
分享到:
评论

相关推荐

    Ext3.0的个人笔记及例子

    3. **验证(Validation)**:在Ext3.0中,表单字段可以配置验证规则,如非空验证、长度验证、邮箱验证等。当用户提交表单时,系统会自动检查每个字段,如果不符合规则,会显示错误提示。 4. **Panel(面板)**:...

    Ext一个登陆的小例子 (java+servlet)

    在本文中,我们将深入探讨如何使用EXT框架与Java Servlet技术构建一个简单的登录示例。EXT是一个强大的JavaScript前端框架,主要用于创建交互式、响应式的Web应用。而Java Servlet是后端服务器端的技术,用于处理...

    ext入门程序登陆例子

    EXTJS的应用通常使用Store和Model来管理数据,即使在这个简单的例子中,没有实际的数据库交互,也可以通过模拟数据或硬编码数据来实现类似的功能。 总的来说,这个入门程序提供了一个了解EXTJS基础和AJAX通信的起点...

    EXT和JAVA例子

    在这个例子中,我们可能看到了一个Java服务器端处理业务逻辑,同时EXT作为前端展示层的角色。EXT的组件库包括表格、面板、窗口、菜单等,这些都可以通过JSON或XML数据从Java服务端获取并渲染。JSON(JavaScript ...

    Ext 添加功能form表单实例

    在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有一个边框。 - `width` 和 `height`: 分别设置了表单的宽度和高度。 - `layout`: ...

    ext精典例子(增删改查)

    标题“EXT经典例子(增删改查)”暗示了我们将探讨EXT在实现CRUD操作中的应用。CRUD代表创建(Create)、读取(Read)、更新(Update)和删除(Delete),这是任何数据库驱动应用的基础操作。EXT提供了直观且易于...

    Ext3.2源码、API、及Demo(grid例子)

    在grid例子中,你可能会看到如何使用Store来加载和保存数据,如何定义ColumnModel来设置列头,以及如何实现行的编辑功能。此外,EXT3.2的事件系统使得我们可以轻松监听用户的交互行为,如点击、双击或编辑单元格,...

    Ext 完整例子(含Excel导出)

    通过这个完整的例子,你可以学习到如何在实际项目中整合Ext和服务器端功能,特别是涉及数据导出的场景,这对于提升你的Web开发技能是非常有价值的。记得要一步步分析源码,理解每个部分的作用,然后尝试自己修改和...

    EXT学习小例子

    在这个例子中,Store可能已经预加载了数据,这样当项目恢复后,用户就能立即看到数据。 2. **数据绑定**:EXTJS采用MVC(Model-View-Controller)架构模式,通过数据绑定机制将Model中的数据实时同步到View上。这...

    EXT例子,可以直接跑

    EXT是一个基于JavaScript的富客户端应用框架,主要用于构建复杂的Web应用程序,尤其在企业级应用中广泛应用。这个"EXT例子,可以直接跑"的压缩包文件提供了一个完整的办公系统框架实例,非常适合初学者快速上手EXT...

    简单ext jsp数据库操作例子

    在学生管理系统中,我们可以使用GridPanel显示学生列表,FormPanel用于添加或修改学生信息,ComboBox可以用于选择年级或专业。 2. **JSP页面和服务器端逻辑** 在JSP页面中,我们通常使用Java脚本let()或者脚本...

    EXT3.0 JSP上传

    在这个例子中,我们使用了Servlet 3.0的`Part`接口来处理文件上传,将上传的文件保存到"uploads/"目录下。 总结来说,“EXT3.0 JSP上传”涉及到EXT3.0的FormPanel和FileUploadField组件来构建前端文件选择和上传...

    Extjs upload(ext官网例子)

    在"Extjs upload(ext官网例子)"中,我们主要探讨的是如何在ExtJS中实现文件上传的功能,这是一个常见的需求,特别是在构建Web应用时,如表单提交、文件分享或在线编辑等场景。 首先,我们要理解ExtJS中的Upload...

    Ext 例子 JSP版本

    在这个例子中,我们可能会看到如何使用GridPanel来显示数据,FormPanel进行数据编辑,以及Ext.Ajax或Store的使用来进行异步数据交互。 2. **数据绑定**:ExtJS 的数据模型(Model)和数据存储(Store)能够与UI组件...

    Ext4Mvc例子

    在Ext4Mvc例子中,你可能会看到不同的Store类,每个类对应一个特定的数据集。 2. **Model**:定义数据结构和字段,提供了验证规则和数据转换功能。在案例中,每个Model类代表一种数据实体,如用户、产品等。 3. **...

    ext2.0 中文资料(含多例子)

    5. **兼容多种浏览器**:Ext 2.0在不同浏览器中的表现一致,降低了跨浏览器的兼容性问题。 ### 示例代码解析 #### 示例一:基本表格展示 这段代码可能展示了如何使用Ext 2.0创建一个简单的表格,其中包含了数据行...

    Ext2.0 form使用实例

    在Ext2.0中,这些控件都可以方便地添加到FormPanel中,例如: ```javascript items: [ {xtype: 'textfield', fieldLabel: '姓名'}, {xtype: 'passwordfield', fieldLabel: '密码'}, {xtype: 'combobox', ...

    ext简单登录css/js插件

    在这个登录插件中,我们可能使用了EXT中的FormPanel和Button组件来创建登录表单和提交按钮。 2. **CSS样式(ext-all.css)**:`ext-all.css`文件包含了EXT框架的基础样式,用于美化EXT组件的外观。登录插件的CSS...

Global site tag (gtag.js) - Google Analytics