`
wb1991wb
  • 浏览: 157153 次
  • 来自: 上海
社区版块
存档分类
最新评论

DWR+EXTJS 加载GRID数据

阅读更多

1、使用插件

     DWRProxy.js

2、JS代码

    

var store=new Ext.data.Store({
			proxy:new Ext.data.DWRProxy(EmployeeService.findEmployeeRange,true),
			reader : new Ext.data.ListRangeReader ({
				 totalProperty:'totalSize',
				root:"data"
			}, record)
		})

  

var record=new Ext.data.Record.create([{
			name:"EMP_ID"
		},{
			name:"EMP_NAME"
		},{
			name:"EMP_SEX"
		}])

 

var cm=new Ext.grid.ColumnModel([{
			header:"员工编号",
			dataIndex:"EMP_ID"
		},{
			header:"员工姓名",
			dataIndex:"EMP_NAME"
		},{
			header:"员工性别",
			dataIndex:"EMP_SEX",
			renderer:function(val){
				if(val=="1"){
					return "<span style='color:green;font-weight:bold;'>男</span>"
				}else{
					return "<span style='color:red;font-weight:bold;'>女</span>"
				}
			}
			
		}])

 

var gridPanel=new Ext.grid.GridPanel({
			region:"center",
			title:"查询结果",
			tbar:tb,
			loadMask:{
				msg:"正在加载数据..."
			},
			viewConfig:{
				getRowClass:function(record,rowIndex,rowParams,store){
					if(rowIndex%2==0){
						 return 'my_row_Red'; 
					}else{
						 return 'my_row_Gray'; 
					}
				}
			},
			stripeRows:true,
			cm:cm,
			store:store,
			bbar:pageBar
		})

 

store.on('beforeload', function() {
	store.baseParams = {
		device_type : ""
	};

});
store.load({
	params : {
		device_type : ""
	}
});

 

分享到:
评论

相关推荐

    spring+dwr+Extjs+sql2008的数组传递grid

    标题中的“spring+dwr+Extjs+sql2008的数组传递grid”是指一个集成应用,使用了Spring框架、Direct Web Remoting (DWR)技术、ExtJS前端框架以及SQL Server 2008数据库,实现了从后端服务器向前端Grid组件传递数据的...

    DWR+EXT的eclipse下的工程

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

    ext 与 dwr 的结合

    在与ExtJS Grid的集成中,DWR通常被用来动态加载和更新Grid中的数据。当用户在Grid上执行CRUD操作时,这些操作会通过DWR调用服务器端的方法,处理数据的增删改查。 首先,我们需要在服务器端设置DWR配置,允许特定...

    EXTJS 3 整合DWR (DWRProxy、DWRTreeLoader、DWRGridProxy )

    DWRTreeLoader是EXTJS中用于加载树形结构数据的类,它利用DWR的功能来动态地加载和更新TreePanel的数据。当用户展开树节点时,DWRTreeLoader会自动向服务器发送请求获取子节点数据,实现了树结构的懒加载,提高了...

    ajax+DWR实战

    - **数据绑定**: 使用DWR获取的数据直接填充到ExtJS的Grid、Tree等组件,实现数据的实时刷新。 ### 5. 示例代码 ```java // 服务器端Java接口 public interface MyService { List&lt;String&gt; getNames(); } // ...

    一个将WEB网页做成桌面程序效果的框架,与DWR无缝集成

    "Ext + DWR + Mysql 简单的Grid综合例子(带源码).doc"很可能包含了一个使用ExtJS的Grid组件、DWR和MySQL数据库的示例应用。Grid是ExtJS中用于显示和操作数据的组件,它可以展示大量数据,并支持排序、筛选和编辑功能...

    extjsGridDemo

    在这个项目中,DWR作为中间层,使得ExtJS Grid能够直接调用服务器上的业务逻辑,实现数据的异步加载和更新。 4. **分页功能**:在大数据量的情况下,分页是必不可少的,它可以避免一次性加载过多数据导致页面响应变...

    dwrproxy.js

    此外,DWRProxy.js也可以配合ExtJS的Grid Panel、Form等组件,实现数据的动态加载和提交。比如,当用户在Grid中选择一行进行编辑时,DWRProxy.js可以自动调用对应的服务器端方法来更新选定的数据。同时,当表单提交...

    ExtJS对Ajax的支持

    这涉及到创建一个DWR代理,该代理暴露Java方法供JavaScript调用,然后使用这些方法加载Grid的数据源。例如: ```javascript importPackage(org.directwebremoting); var DWRGridLoader = new dwr.util.Callback({ ...

    精通JS脚本之ExtJS框架.part2.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    精通JS脚本之ExtJS框架.part1.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    Ext 开发指南 学习资料

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 A.9. 有关grid的一些小问题 A.9.1. 如何让grid总所有的列都支持排序 A.9.2. 修改一个grid的ColumnModel和Store A.9.3. 动态为ds添加参数baseParams A.10. 有关...

    EXT2.0中文教程

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...

Global site tag (gtag.js) - Google Analytics