问答首页 → Web前端技术
0 0

Extjs box动态显示图片问题20

图片已经在服务器../../photo目录下
可以点编辑时候打开在页面for里面有个box里面可以预览出来

 

点编辑时候json传递过来数据如下：

ajax json load string = {success:true,totalProperty:1,root:[{engineer_id:'aaa',engineer_name:'aaaa',phoneno:'11111',mobileno:'1111',engineer_photo:'bbb.jpg',createdate:'2012-05-28'}]}

里面engineer_photo 即为显示的图片名称

 

现在如何在下面的BOX里面显示出来

		        {
  			        	inputType:"file",
	      			id: 'engineer_photo',
	    			emptyText: '请选择',
	      			fieldLabel: '选择头像',
	      			name: 'engineer_photo'
		
  				} , {
  					xtype : 'box',
 					id : 'imageBrowse',
 					fieldLabel : "预览",
 					width : 100,
 					autoEl : {
 						width : 100,
 						height : 100,
     					tag : 'img',
     					src : '../../photo/ '+.../*此处如何得到路径*/,  
   					style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);',
    					complete : 'off',
                        id : 'imageBrowse'
 								}
 					}

 

 src里面改为绝对路径是可以显示的

JavaScriptEXTjson 
2012年5月28日 22:08

1个答案 按时间排序 按投票排序

0 0

采纳的答案

你说的其实是动态生成的问题。。。想想图片是变化的，肯定不是唯一的，所以你想通过后台给你传过来图片的地址，然后你就显示就ok了

这个问题我们项目是这样解决的（也是我操刀的）：
1.create一个box的容器（form或者container或者其他）
2.讲需要的组件create出来（比如：textfield，label或者box）
3.当store或者ajax请求加载数据的时候，将组件添加到容器中，并且给组件附上相应的值

比如： 

Ext.Ajax.request({
    url: 'page.php',
    params: {
        id: 1
    },
    success: function(response){
        var store = Ext.getStore("yourStore");
        store.load();
        //组装组件的操作，给组件动态添加属性的值，比如image
        
    }
});

2012年5月29日 05:38

相关推荐

Magicbox
Ask-but
我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

Global site tag (gtag.js) - Google Analytics