enzoy 2016-06-12 09:37 采纳率: 0%
浏览 1209
已结题

Ext 如何通过XTemplate显示图片

Model层的图片字段是一个以逗号分隔的字符串，代表多张图片。（http://xxx.cc.1.png,http://xxx.cc.2.png,http://xxx.cc.3.png）
需要在视图层展示图片，使用rowBodyTpl : new Ext.XTemplate。
现在的问题是XTemplate这个plugin 不能处理Model中的图片字符串，因为这是一个string,
没有转化为数组。

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2016-06-12 13:31
    关注

    那你服务器就直接返回数组罗。。不行就用renderer自己split拆分为数字，循环组合成html代码返回

    评论

报告相同问题？

  • extjsExtjs学习笔记——多个图片XTemplate排版居中,自动缩放处理
    2013-10-18 14:58
    通过这些知识点，初学者和有经验的开发者都能掌握在ExtJS中使用XTemplate处理图片的居中和自动缩放。这不仅有助于提升用户体验，也是现代Web开发中的必备技巧。记得实践这些示例，以便更好地理解和运用这些概念。
  • Ext 实现本地多图片轮播预览 (详细)
    2021-02-23 15:34
    CodeCo/co的博客 最近接手了一个老项目用的ext，前后端不分离的。我一个后端程序员，只能硬着头皮做了，期间遇到一个关于预览图片的问题，找了很多资料最后解决。 . 前端环境 ext 6.0 . 后端环境 springboot 2.x 第一步，我们...
  • extjs 显示服务器图片,在ExtJS里遍历显示图片
    2021-08-13 00:54
    weixin_39553653的博客 代码采用MVC模式，关键代码如下：controller层if(panelsArray.length==0){vareditPropertyData=Ext.widget('ContractFind').show();varform=editPropertyData.down('form');form.getForm().loadRecord(grid....
  • ext_image.rar_ext_image_extjs_extjs 4.2 img_extjs image_extjs图片上
    2022-09-23 09:38
    在图片处理方面，ExtJS提供了多种组件，如`Ext.Img`用于显示单张图片，以及`Ext.view.View`或`Ext.grid.Panel`等可扩展的组件，可以用于批量显示图片。 批量显示图片通常涉及数据绑定和模板技术。开发者可以利用...
  • Ext学习之5_XTemplate2
    2011-06-21 16:02
    dengyulong的博客 * XTemplate用于定义一个模板，并将值提供给{}占位符，XTemplate也能和Ext.util.Format配合，将填充 * 的值进行格式化，得到用户想要的任何效果 * 基本格式：{index|name:method(params)} * index: 索引 * ...
  • XTemplate的使用
    2008-12-01 17:09
    iteye_1733的博客 var tpl = new Ext.XTemplate( '', '{name}:()', '' ); 上面这段的意思是：在页面上有一个DIV，其中包含一张图片，文字说明：（说明）， 然后要根据判断改变图片的样式。 //得到返回对象 var object ...
  • Ext Js权威指南(.zip.001
    2014-09-26 05:57
    8.1.4　超级模板：ext.xtemplate（包括ext.xtemplateparser和ext.xtemplatecompiler） / 393 8.1.5　模板的方法 / 396 8.2　组件的基础知识 / 396 8.2.1　概述 / 396 8.2.2　组件类的整体架构 / 397 8.2.3　布局类的...
  • Ext 开发指南 学习资料
    2011-08-31 10:17
    1.4. 为什么自己按照例子写的代码，显示出来总找不到图片 1.5. 我们还需要什么？ 1.6. 入门之前，都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧！让你知道ext表格控件的...
  • 22、数据处理与Ext JS扩展开发全解析
    2025-07-16 02:51
    rrr55的博客 本博客深入解析了Ext JS中的数据处理与扩展开发，涵盖了存储的基本操作、记录集的变更管理、多个对象使用存储的方式...通过这些内容，开发者可以更好地理解Ext JS的强大功能，并应用它们构建灵活且强大的Web应用程序。
  • 22、数据处理与Ext JS扩展：打造高效Web应用
    2025-12-04 06:41
    neovim7hacker的博客 通过Store对象实现数据的加载、过滤与记录变更管理，并详细介绍了其在ComboBox、Grid、Tree等组件中的应用。同时，文章阐述了Ext JS的面向对象编程特性，包括继承、方法重写与命名空间的使用，帮助开发者创建可复用...
  • EXT 中文手册
    2017-05-28 19:52
    手掌日月摘星辰的博客 EXT 中文手册 前 言 本手册所有内容均粘贴自互联网，如有错误，请多见谅。 目 录     EXT中文手册 1 EXT简介 3 目錄 3 下载Ext 4 开始！ 4 Element：Ext的核心 4 获取多个DOM的节点 5 响应事件 5 ...
  • Ext中文教程.最好的Ext学习资料
    2011-03-01 14:23
    - **动态效果**：通过Ext.Fx和Ext.Element类，可以轻松添加各种动画效果，增强用户体验。 #### 六、元素操作与模板技术 - **DomHelper类**：提供了一系列操作DOM的方法，简化了DOM操作过程。 - **XTemplate**：用于...
  • JAVA+EXTJS+ORACLE在页面显示BLOB类型保存的图片
    2011-10-19 11:09
    小浩_2012的博客 * 前台展示图片 * @throws Exception */ @SkipPrivilege public void showImage() throws Exception{ String jsonString = null; try { if(null!=cigCode&&!""....
  • Ext JS 6组件，容器， 布局
    2016-08-16 17:47
    robin_xiong的博客 组件Ext JS应用的UI是由一个或者多个widgets组称， 我们称之为Components. 所有的组件都是Ext.Component的子类，允许组件自动管理生命周期， 包括instantiation, rendering, sizing and positioning, 以及...
  • ext4中的插件itemselector实现自定义显示
    2012-12-11 21:02
    wu_now的博客 先看看下面的一些主要代码，显示的结果和我原本想要的结果是不一样的，想要知道该如何来修改，如下面的代码是实现的效果： { xtype: "itemselector", name: "itemselectorList", id: "itemselectorList", ...
  • Ext.form.FieldSet的用法
    2016-10-10 09:36
    javaPie的博客 Ext.form.FieldSet的用法 更多2013/10/10 来源：Extjs学习浏览量：8026 学习标签： Extjs FieldSet 本文导读：Ext.form.FieldSet继承自于Ext.Panel，Ext.form.FieldSet 扩展Ext.container.Container...
  • Ext Js详解指南
    2017-02-17 15:49
    weixin_30685047的博客 什么是Ext JS 走进Ext的世界 Ext JS是一款富客户端开发框架它基于javascript、HTML和CSS开发而成，无需安装任何插件即可在常用浏览器中创建出绚丽的页面效果。 个人总结Ext JS的方法 从Extjs的视图学起 例如：...
  • dataView显示图片(自己项目里的)
    2013-11-20 11:15
    weixin_30505225的博客 创建model ... 1 Ext.define('Keer.ext.model.ExPhotoContentDataViewModel',{ 2 extend: "Ext.data.Model", 3 fields:[ 4 {name:'id', type:'string'}, 5 {name:'name', type:'strin...
  • EXT 可选择图片列表的表单控件实现
    2013-08-22 15:55
    weixin_34120274的博客 先看一下表单效果： 点击图标，显示图标列表： 实现代码： ... var appform = new Ext.form.FormPanel({ id: 'appform', cardStep:0, url:Adc.url.appAction, padding:'10px 20px',...
  • Ext JS - 高效的编码风格指南
    2014-06-25 12:29
    JavaAlpha的博客 1,切勿使用“new”关键字：在Ext JS中，使用“new”关键字来创建一个组件或类的实例是一种错误的做法，因为这没有遵循组件的生命周期。应该使用Ext.create方法来创建对象，例如： view source ...
  • 没有解决我的问题, 去提问