`

DWR+Ext 加载数据

    博客分类:
  • Ext
阅读更多

一,在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>

 

分享到:
评论

相关推荐

    DWR+EXT简单示例

    通过DWR,我们可以将服务器端的数据动态加载到EXT GRID中,实现数据的实时更新。DWR提供了一种简单的方式来绑定数据源,使得EXT GRID可以实时反映服务器端数据的变化。 **DWR与EXT GRID的交互步骤** 1. **配置DWR*...

    DWR+EXT的eclipse下的工程

    这个例子展示了如何设置DWR服务,编写EXTJS的Grid,以及如何利用DWR从服务器获取数据并加载到Grid中。这对于学习DWR和EXTJS的初学者来说是一个非常实用的起点。 总的来说,DWR+EXT的组合为开发人员提供了一个强大而...

    SSH+DWR+EXT 增删改查

    在SSH+DWR环境中,EXTJS可以作为前端展示层,利用DWR提供的接口与后端SSH框架交互,实现数据的动态加载和用户界面的实时更新。 综上所述,"SSH+DWR+EXT 增删改查"这个主题涉及了如何使用这些技术进行后台数据的管理...

    DWR+EXT+SPRING+HIBERNATE较为完整的一个例子

    在这个示例中,DWR 可能用于实现动态数据加载、表单验证等功能。 2. **EXT**:EXT 是一个基于 JavaScript 的 UI 框架,提供了一系列丰富的组件库,如表格、树形结构、图表等,用于构建美观、响应式的前端界面。EXT ...

    dwr+ext的eclipse新工程

    3. **Ext JS组件**:如何创建并配置Ext JS的Combobox和TreePanel,包括数据加载、事件监听等。 4. **AJAX通信**:DWR如何通过AJAX实现无刷新页面更新,提升用户体验。 5. **前端界面设计**:如何利用Ext JS的布局和...

    DWR+EXT 最简单的树

    标题 "DWR+EXT 最简单的树" 指涉的是一个使用Direct Web Remoting (DWR) 和 EXTJS 技术构建的简单树形结构。DWR 是一个Java库,它允许JavaScript在浏览器中直接调用服务器上的Java方法,实现Web应用的异步更新。...

    Spring+DWR+EXT 技术的一个人事管理系统

    里面主要封装了如下特性:数据库连接池(常用的4-5个)、分页查询(oracle,mysql,sqlserver等)、数据转码(空值、特定、列名等)、数据导出(Pdf,excel,html,rtf,xml等)、日志处理、启动jar加载校验机制、...

    Ext+dwr+spring做的例子程序

    【标题】"Ext+dwr+spring做的例子程序"是一个整合了三个关键技术的示例应用,主要展示了如何在Java Web开发中结合使用EXTJS(Ext)前端框架、Direct Web Remoting (DWR) 和Spring框架。这三个技术在现代企业级应用...

    DWR方式动态加载EXT.Tree

    1. `root`:定义树的根节点,可以是一个包含数据的对象,或者一个函数,用于动态加载数据。 2. `loader`:加载器配置,用于定义如何获取和处理数据,我们可以在这里配置DWR调用的URL和方法名。 3. `store`:存储数据...

    ztree+dwr实现的异步加载树形菜单

    4. **异步加载数据**:当用户展开树形菜单的某个节点时,ZTree会自动触发异步请求,调用DWR中的后台方法获取子节点数据。后台处理完毕后,将结果返回给前端。 5. **接收并渲染数据**:前端接收到数据后,ZTree会...

    Ext tree 结合dwr 调用后台数据

    "Ext tree 结合dwr 调用后台数据"这个主题涉及到两个关键的技术:Ext JS的Tree组件和Direct Web Remoting (DWR)。这两个技术的结合使得前端用户界面能够动态地展示并操作后台的数据。 首先,让我们来了解一下**Ext ...

    DWR Ext 加载数据

    下面我们将详细探讨如何在Ext中直接使用DWR来加载数据。 首先,我们来看后端的实现。在这个例子中,我们有一个名为`CustomerManagerImpl`的类,它继承自`HibernateDaoSupport`并实现了`CustomerManager`接口。这个...

    ext + dwr proxy

    2. **EXT数据源**:EXT组件如GridPanel或TreePanel的数据源经常通过Ext.data.Store来定义,`dwrproxy.js`可能定义了这些Store,并指定了DWR作为其数据源。 3. **DWR调用**:文件可能包含了JavaScript函数,这些函数...

    《ajax框架:dwr与ext》实战

    DWR的核心价值在于其强大的数据交换能力和易用性。它支持几乎所有的数据结构在Java和JavaScript之间进行序列化,包括但不限于数组、集合、自定义对象等。此外,DWR还支持二进制文件上传和下载等功能,这些特性使得...

    简单的ext+dwr例子

    这样的应用示例对于初学者来说非常有价值,因为它展示了EXT和DWR的整合使用,以及如何实现数据的异步加载和展示。对于更复杂的应用,可以进一步探索EXT的数据存储、事件处理和DWR的批处理、安全性设置等内容。通过...

    dwr与Ext

    4. **数据绑定**:由于Ext JS的强大数据绑定能力,可以将DWR返回的数据动态地绑定到Grid、TreePanel或其他UI组件上,实现数据的实时更新。 5. **性能优化**:使用DWR时要注意性能优化,比如批量处理请求、缓存结果...

    Ajax入门实例(DWRDemo+Ext)

    Ajax(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的方法,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本实例主要介绍了如何使用DWR(Direct Web ...

    ext 与 dwr 的结合

    例如,EXT的表格组件可以通过DWR异步加载数据,用户在界面上的操作(如排序、筛选)可以直接反映到服务器端,服务器处理完后再将结果反馈回前端,更新表格。这样不仅提升了用户体验,也减轻了服务器的负担。 Spring...

Global site tag (gtag.js) - Google Analytics