Ext Templete1 201208151455
来源:互联网 发布:去掉美颜的软件 编辑:程序博客网 时间:2024/05/22 13:44
ExtJs中xtemplate的使用
- 博客分类:
- JavaWeb前端技术
这个例子演示的是怎么从后台取出数据然后将数据显示在xtemplate中
Ext.Ajax.request({
method:'POST',
url:'Index_list.action', //要访问的url地址
params:{'indexId':indexId}, //传递的参数
success: function (data) {
var response = Ext.util.JSON.decode(data.responseText); //action总返回的json的对象
var tpl = new Ext.XTemplate(
'<tpl for="root">', //
'<p>Index Name :{indexName}</p>',
'<p>Once Limit :{once_limit}</p>',
'<p>Cnt Limit :{cnt_limit}</p>',
'<p> Charge :{charge}</p>',
'<input type="button" value="Show Price" onclick="showPanel()"/>', //showPanel()是一个函数
'</tpl>' //可以自己定义
);
tpl.compile();
tpl.overwrite(Ext.getCmp("index_Message").body, response);
}
});
struts.xml中的配置信息
<package name="index" namespace="/" extends="json-default">
<action name="Index_*" class="indexAction" method="{1}">
<result name="success" type="json"></result>
</action>
</package>
Action类里面的方法的执行
public String list() throws IOException
{
PrintWriter out = ServletActionContext.getResponse().getWriter();
list = indexService.list(indexId);
jsonString ="{success:true,root:"+createGridJson()+"}";
out.println(jsonString);
out.flush();
out.close();
return SUCCESS;
}
/**
* @return list
*/
private String createGridJson() {
StringBuffer sb = new StringBuffer();
sb.append("[");
for(int i=0;i<list.size();i++)
{
Object [] o = (Object[]) list.get(i);
sb.append("{indexName:'"+o[0]+"',");
sb.append("once_limit:"+o[1]+",");
sb.append("cnt_limit:"+o[2]+",");
sb.append("charge:"+o[3]+"},");
}
sb.deleteCharAt(sb.lastIndexOf(","));
sb.append("]");
return sb.toString();
}
这样前台的xtemplate就能显示啦。我这个Action类中写的传递到前台的json对象可能有些麻烦,大家有好的方法和我分享哦,因为我是个新手,知识想把每天自己学习的内容和大家分享一下。
- Ext Templete1 201208151455
- ext
- ext
- ext
- Ext
- EXT
- ext
- ext
- ext
- EXT
- EXT
- ext
- Ext
- ext
- Ext
- Ext
- ext
- ext
- SQL Server 2005开启远程数据库访问
- 显示停留时间
- ACE学习笔记(三)
- Linux系统工程师的必备素质
- java.lang.NoSuchMethodException: $Proxy
- Ext Templete1 201208151455
- asp.net 生成二维码代码支持中英文
- ubuntu10.x 安装gdb insight
- 文件保护机制--权限
- vim 参考手册
- [线段数]hdu 4366 Successor
- android系统硬件OpenGL 3D 移植
- .NET:关于byte数组在用StreamWriter文件写出后出现多余字符的解决方法及VS方案文件图标显示问题
- 一个小工具unix2dos的学习之旅