2
我正在extjs4中工作。我具有由服务器提供的原样Extjs tplview格式问题
{"words":{"word":"flower","wordMeanings":[{"wordType":"n","meaning":"flower1"},{"wordType":"n","meaning":"flower2"},{"wordType":"n","meaning":"flower3"},{"wordType":"n","meaning":"flower4"}],"wordMedias":[{"mediaPath":"flower.jpg"}],"wordPronunciations":[{"pronunciation":"flowerpronoun"}]}}
要显示该JSON我已创建视图原样
Ext.define('Balaee.view.kp.Word.Dictionary', {
extend:'Ext.view.View',
alias:'widget.Dictionary',
id:'DictionaryId',
autoShow: true,
store:'kp.WordStore',
config:
{ html:'Word Details',
tpl:'<tpl for=".">'+
'<div id="main">'+
'</br>'+
'<table border=0 cellspacing=35>'+
'<tr><td><b> Word:-</b><b>{word}</b></td></tr></br>'+
//'<b><tr><td><b>Word Type</b></td><td><b>Meaning</b></td></tr>'+
//'<var i=>'+
'<tpl for="wordMeanings">'+
//'<tr><td>{wordType}={meaning}</td></tr>'+
'<tr><td>*{meaning}</td>'+
'</tpl>'+
'<tpl for="wordMedias">'+
//'<tr><td>{mediaPath}</td></tr>'+
'<td>Image:'+
'<input type=image src='+
'http://images.balaee.com/images/'+
'{mediaPath} :'+
'</td>'+
'</tpl>'+
'<tpl for="wordPronunciations">'+
'<tr><td>pronunciation:'+
'{pronunciation}'+
'</td></tr>'+
'</tpl>'+
'</div>'+
'</tpl>',
itemSelector:'div.main' }});
其工作和正常显示的所有字段JSON数据。但是我想以适当的格式显示这些信息。意味着一个块中的所有名词,一个块中的所有图像。所以如何做这些tpl视图格式在extjs4
你是指“一个街区的所有名词,一个街区的所有图片”是什么意思?我不确定你想要完成的是什么... – kevhender
我想将所有图像设置在右侧,而左侧的所有信息 – user1722857