`
zhao103804
  • 浏览: 124620 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

extjs dataview 显示图片 横向

 
阅读更多

extjs 根据dataview控件来显示图片,该例子遇到的问题则是:

1、图片不在tomcat下,需要在指定的地址找到图片并显示,由于Jsp中的显示图片用绝对地址图片显示不了。所以需要用虚拟目录来得到指定的路径。

如果你不知道怎么配置虚拟路面,该链接中教你配置:

http://zhao103804.iteye.com/admin/blogs/1884343

2、图片加载出来是竖向的,查找资料原来,默认的排列方式是竖向的,需要横向的话,需要用data-view.css,该css在extjs资料中可以得到

 

效果如下:



 

主要的四个文件在附件中,分别为

data-view.css   data-view.js     data-view.jsp    data-view-plugins.js

 

  • 大小: 32.2 KB
分享到:
评论

相关推荐

    Extjs图片展示组件实例

    漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦

    ExtJs中表单formPanel的横向布局

    本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...

    ExtJs框架系列之图片批量显示,上传,删除

    在本文中,我们将深入探讨如何使用ExtJs框架实现图片的批量显示、上传和删除功能。ExtJs是一款强大的JavaScript库,专用于构建富客户端应用程序,它提供了丰富的组件和强大的数据管理能力,非常适合处理图像操作。 ...

    extjs 进度条的显示

    本文将深入探讨如何在ExtJS中实现进度条的显示,这是一个在数据加载、文件上传或任何需要用户等待的任务中非常实用的功能。通过理解和应用以下知识点,你可以有效地在你的ExtJS项目中集成进度条,提升用户体验。 ##...

    EXTJS 强大的图片查看器 仿windows照片查看器

    下面将详细阐述EXTJS图片查看器的关键知识点。 1. **EXTJS框架**:EXTJS是一个用JavaScript编写的开源UI库,它提供了大量的可重用组件和布局管理,能够帮助开发者快速构建复杂的Web应用界面。它支持数据绑定、组件...

    extjs日期显示(如何转换日期格式)

    extjs 日期显示(如何转换日期格式) extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,日期时间格式为 timestamp,是 13 位的 long data 数字类型的时间。在 extjs6 中,可以使用配置消息转换...

    Extjs gridpanel 出现横向滚动条问题的解决方法

    这个问题主要是由于GridPanel的宽度不足以容纳所有的列宽,因此浏览器会自动显示横向滚动条以便用户查看全部数据。本文将详细介绍如何解决这个在Extjs GridPanel中出现横向滚动条的问题。 首先,我们需要理解Extjs ...

    ExtJS如何自定义图片按钮组件

    1.ExtJS自定义组件,图片按钮为例. 2.此图片按钮背景完全为图片,没有边框,需要使用者提供2张图片,一张初始化用,一张点击后用,可在'imgPaths:'属性里填写,格式为'01.jpg~02.jpg' 3.解压后请将所有附件放置您extjs...

    extjs显示表格信息

    用extjs技术显示表格的信息,不过首先要导入extjs所需的库文件

    extjs年份控件(只显示年,无月日时分秒)

    Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)

    Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现

    这篇博客文章"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"将详细介绍如何使用HtmlEditor以及如何实现图片上传和显示的功能。 首先,我们需要了解HtmlEditor的基本用法。HtmlEditor通常包含一个...

    EXtjs 图片批量上传

    在`change`事件处理器中,遍历所有选定的文件,并使用`FileReader`读取文件内容,然后显示预览图像: ```javascript uploadForm.getForm().findField('images').on('change', function(field, value) { var files ...

    Extjs图片渲染效果

    本文将深入探讨ExtJS图片渲染的效果及其应用。 首先,我们要了解ExtJS中的图片渲染基础。在ExtJS中,图片通常以`Image`组件的形式出现,它可以方便地嵌入到布局中,如面板(Panel)、工具栏(Toolbar)或表单(Form...

    extjs开发精典图片

    在本资源中,我们关注的是"extjs-ico",这是一个与ExtJS相关的图标集合,包含16x16和24x24两种尺寸的PNG格式图片。 在Web开发中,图标是提升用户体验和界面美观度的重要元素。ExtJS-ico图片库为开发者提供了多种...

    extjs日期显示(如何转换日期格式).pdf

    ExtJS 日期显示和格式转换 在 ExtJS 中显示日期时间需要进行格式转换,以便正确地显示日期信息。下面是实现日期格式转换的步骤和相关知识点。 日期格式转换 ExtJS 中的日期时间显示需要将后台传过来的日期数据...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    Extjs图片上传 带过滤和缩略图

    在"Extjs图片上传 带过滤和缩略图"这个主题中,我们将深入探讨如何使用ExtJS实现图片上传功能,同时结合过滤和缩略图显示,以提升用户体验。 1. **图片上传组件**: 在ExtJS中,可以使用`Ext.form.FileField`或`...

Global site tag (gtag.js) - Google Analytics