DWR Ext 加载数据
更新时间：2009年03月22日 00:51:01 作者：
在Ext中直接使用DWR
一，在Ext中直接使用DWR
1，PoJO的Manager类为
public class CustomerManagerImpl extends HibernateDaoSupport implements CustomerManager {
public PageModel allCustomers() {
PageModel pageModel = new PageModel();
List datas = new ArrayList();
int total ;
String hql = "from Customer";
datas = this.getHibernateTemplate().find(hql);
String countHql = "select count(*) from Customer";
total = ((Long)this.getSession().createQuery(countHql).uniqueResult()).intValue();
pageModel.setDatas(datas);
pageModel.setTotal(total);
return pageModel;
}
}
2，那么直接调用DWR取得数据为（dwr.xml代码参考后面）
var store = new Ext.data.Store({
//data:... 这里有DWR调用直接得到
reader:new Ext.data.JsonReader({id:"sn"},fields), //List数据
sortInfo:{field:'name', direction:'ASC'}// 排序信息
});
//DWR+EXT整合的句子， store.loadData(dataslist);加载数据
//data返回的是PageModel类，属性为total,datas(List数据类型)
//这里不用建立函数，直接执行
JCustomerManager.allCustomers(function(data) {
var total = data.total;
var dataslist=data.datas; //数据为List类型
store.loadData(dataslist); //加载数据
});
3,这里的DWR只做一件事，通过匿名函数，将返回的值的List数据直接注入给store。DWR返回的data可以被JsonStore直接读取，我们需要设置对应的fields参数，以告诉JsonReader需要哪些属性。
4，补充dwr.xml代码
<dwr>
<allow>
<!-- dwr+spring 注入方式-->
<create creator="spring" javascript="JCustomerManager">
<param name="beanName" value="customerManager"/>
</create>
<!-- 使用到的类要用到转换器-->
<convert match="com.graduate.crm.PageModel" converter="bean"></convert>
<convert match="com.graduate.crm.model.CompanyCustomer" converter="bean"></convert>
</allow>
</dwr>
1，PoJO的Manager类为
复制代码 代码如下:
public class CustomerManagerImpl extends HibernateDaoSupport implements CustomerManager {
public PageModel allCustomers() {
PageModel pageModel = new PageModel();
List datas = new ArrayList();
int total ;
String hql = "from Customer";
datas = this.getHibernateTemplate().find(hql);
String countHql = "select count(*) from Customer";
total = ((Long)this.getSession().createQuery(countHql).uniqueResult()).intValue();
pageModel.setDatas(datas);
pageModel.setTotal(total);
return pageModel;
}
}
2，那么直接调用DWR取得数据为（dwr.xml代码参考后面）
复制代码 代码如下:
var store = new Ext.data.Store({
//data:... 这里有DWR调用直接得到
reader:new Ext.data.JsonReader({id:"sn"},fields), //List数据
sortInfo:{field:'name', direction:'ASC'}// 排序信息
});
//DWR+EXT整合的句子， store.loadData(dataslist);加载数据
//data返回的是PageModel类，属性为total,datas(List数据类型)
//这里不用建立函数，直接执行
JCustomerManager.allCustomers(function(data) {
var total = data.total;
var dataslist=data.datas; //数据为List类型
store.loadData(dataslist); //加载数据
});
3,这里的DWR只做一件事，通过匿名函数，将返回的值的List数据直接注入给store。DWR返回的data可以被JsonStore直接读取，我们需要设置对应的fields参数，以告诉JsonReader需要哪些属性。
4，补充dwr.xml代码
复制代码 代码如下:
<dwr>
<allow>
<!-- dwr+spring 注入方式-->
<create creator="spring" javascript="JCustomerManager">
<param name="beanName" value="customerManager"/>
</create>
<!-- 使用到的类要用到转换器-->
<convert match="com.graduate.crm.PageModel" converter="bean"></convert>
<convert match="com.graduate.crm.model.CompanyCustomer" converter="bean"></convert>
</allow>
</dwr>
相关文章
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等。2009-04-04
相信很多人对使用js进行客户端的编程比较头大，其实现在已经有了很多优秀的js库，可以大大简化js编程的工作量，其中，jquery和extjs就是两款非常优秀的js库。2009-10-10
ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
ExtJs 学习笔记基础篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)2008-12-12
最近在做一个项目时，项目中使用了ExtJS，有些内容要分页签显示，而出于项目要求，页签只能垂直分布2009-06-06
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Extjs的组件有两个看起来类似的配置项，applyTo和renderTo，这两个配置项都是用来指定将该extjs组件加载到什么位置。那他们到底有什么区别呢，网上搜了下，有两篇博文也是关于这个的。2010-01-01
在ExtJS4中使用mixins来实现多继承，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
extjs 3.31 TreeGrid 我的小改动，实现静态页面加载json到TreeGrid里面2013-04-04
今天帮朋友解决了一个问题：使用ExtJs的TreePanel控件，如何得到树的第一个叶子节点的信息。2009-10-10
Extjs组件的定义在网上看到了一个实例，于是拷了下来留着以后用，现在把它晒出来与大家一起分享，感兴趣的各位可不要错过了哈2013-06-06
Extjs的FileUploadField文件上传出现了两个上传按钮
Extjs的FileUploadField文件上传在页面中出现了两个上传按钮，这个是和ext的本身css的样式有关系，所以要将样式修改下2014-04-04
最新评论