Extjs 4.2 +Struts2 实现数据动态加载
//自定义一个的js
function commodityQuery() {
Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
// Set up a model to use in our Store
Ext.define('Commodity', {
extend: 'Ext.data.Model',
fields: [
{name: 'commodityId', type: 'int'},
{name: 'commodityName', type: 'string'},
{name: 'price', type: 'float'},
{name: 'agio', type: 'float'}
]
});
var store = Ext.create('Ext.data.Store', {
model: 'Commodity',
proxy: {
type: 'ajax',
url : 'commodityQuery',
successProperty:'success',
reader: {
type: 'json',
root: 'results'
}
},
autoLoad: {start:0,limit:4}
});
var gridPanel = Ext.create('Ext.grid.Panel', {
width : 586,
height : 375,
store : store,
columns : [ {
text : "商品编号",
dataIndex : "commodityId",
sortable : true
}, {
text : "商品名称",
dataIndex : "commodityName",
sortable : true
}, {
text : "商品价格",
dataIndex : "price",
sortable : true,
autoWidth : 50
}, {
text : "商品折扣",
dataIndex : "agio",
sortable : true
} ],
forceFit : true,
bbar : [ Ext.create("Ext.toolbar.Paging", {
store : store,
displayInfo : true,
displayMsg : "显示 {0} - {1} 条,共计 {2} 条",
emptyMsg : "没有任何记录",
width : "100%"
}) ]
});
var commodityQueryWindow = Ext.create("Ext.window.Window", {
width : 600,
height : 400,
title : "商品信息查询",
resizable : false,
modal : true,
items : gridPanel
});
commodityQueryWindow.show();
}
**********************
Struts.xml 中的配置
//method 可以写成DMI方式
<action name="commodityQuery" class="com.rjxy.action.CommodityQueryAction" method="getCommodity" >
<result type="json">
<param name="root">responseJson</param>
</result>
</action>
**********************
CommodityQueryAction中的变量及方法
private String msg;
private List<Commodity> list;
private Integer totalCount;
private Map responseJson;
private SaleDaoImpl dao;
private Integer start;
private Integer limit;
/**
* Query Commodity list.
*/
public String getCommodity(){
Map<String, Object> map = new HashMap<String, Object>();
try{
conn = GetConnection.getConn();//jdbc连接,网友可以用hibernate
dao = new SaleDaoImpl();
list = dao.queryAllOrder();
if(list != null){
this.setTotalCount(list.size());
map.put("results", list);
map.put("totalCount", totalCount);
this.setResponseJson(map);
}
return SUCCESS;
}catch(Exception e){
e.printStackTrace();
return ERROR;
}
转载于:https://blog.51cto.com/kefly/1584415
Extjs 4.2 +Struts2 实现数据动态加载相关推荐
- Echarts使用及动态加载图表数据 折线图X轴数据动态加载
Echarts简介 echarts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,来自百度...我想应该够简洁了 使用Echarts 目前,就官网的文 ...
- android listview数据动态加载_Android | Tangram动态页面之路(六)数据分离
经过前五篇系列文章,对Tangram和vlayout也有了初步认识,这篇文章开始将结合业务场景使用,探索框架能力能对业务带来的支持,因为调研本身是一个需要不断踩坑的过程,所以大纲也做了微调,后续会根据 ...
- 省市区三级联动后台数据动态加载到页面并实现修改
HTML页面 <select id="country" name="country"> <option selected="sele ...
- [安卓] 9、线程、VIEW、消息实现从TCP服务器获取数据动态加载显示
一.前言: 一般情况下从TCP服务器读取数据是放在一个线程里读的,但是刷新界面又不得不放在线程外面,所以需要用消息传递把线程里从TCP里获得的数据传送出来,然后根据数据对页面进行相应的刷新. 二.业务 ...
- 如何在 InfoPath 2003 表单中动态加载数据
转自微软:http://support.microsoft.com/kb/896451/zh-cn 概要 简介 更多信息 创建新的虚拟目录 设计 Microsoft Office InfoPath 2 ...
- Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)...
[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新) 0 2014-05-07 18:00:06 使用该控件,可以根据url,参数,加载html记录模板(包含 ...
- html select ajax,AJAX 动态加载后台数据 绑定select的方法
直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来 html代码 //下拉框数据动态加载 js代码 $.ajax ...
- ceisum 加载geojson,使用 Cesium 动态加载 GeoJSON 数据
前言 需求是这样的,我需要在地图中显示 08 年到现在的地震情况,地震都是发生在具体的时间点的,那么问题就来了,如何实现地震情况按照时间动态渲染而不是一次全部加载出来. 一. 方案分析 这里面牵扯到两 ...
- vue+element 动态加载数据,checkbox实现全选,不全选
效果图: 功能描述: 图中所展示数据,全是从服务器获取的数据动态加载,实现点击全选,不全选,加粗字体为父节点,后面为子节点. 数据结构: [{"children": [{" ...
最新文章
- 突破NP屏蔽,实现按键模拟!
- 【面试招聘】去不了大厂实习,小厂实习去吗?
- 删除a标签下面的横线
- Qt工作笔记-通过信号与槽实现定时器
- Oracle安全漏洞2016.10报告
- 实战:通过组策略为用户部署软件
- 骚操作,简单修改源码,让你的postman自动生成POJO代码
- 设计灵感|简单的文字和图片排版如何出彩?
- 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由
- 设计模式总结之结构型模式
- Go语言学习日记【十八】golang中context包简介与使用
- PyTorch笔记 - Dropout: A Simple Way to Prevent Neural Networks from Overfitting
- mysql 多维度统计_SQL统计——按照各种维度
- 电子不停车收费系统(ETC)专题(2)——国内现状
- 解决IIS+PHP出现的“500 - 内部服务器错误”
- java outputstream初始化_ByteArrayOutputStream简介和使用_动力节点Java学院整理
- Mysql中decode函数的几种用法
- 第六届蓝桥杯决赛真题:穿越雷区
- 基于PIC18F458的CAN总线接口设计
- 类的组合在什么情况下使用_什么情况下选择使用圆锥滚子轴承?(原创轴承外贸写作素材)...
热门文章
- mysql5.1.6安装_mysql 5.1.6的安装启动
- linux高级运维笔试简答题及答案,企业linux初级和高级运维面试常问题目问答总结技巧讲解(2020年录制)...
- python科学计数法输出_python不以科学计数法输出的实例方法总结
- python入门之函数结构函数的参数_python3基础之函数参数类型
- python集合类型的操作符_Python 语言学习 第一篇:数据类型(数字,集合,布尔类型,操作符)...
- 用java智能锁远程,从生产者-消费者模型了解线程、同步、锁(java)
- python需要的环境_python运行环境是什么
- html5基础知识点制作图片
- (10) ejb学习: Jpa的JTA事务和RESOURCE_LOCAL事务
- excel如何返回双引号