//自定义一个的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 实现数据动态加载相关推荐

  1. Echarts使用及动态加载图表数据 折线图X轴数据动态加载

    Echarts简介 echarts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,来自百度...我想应该够简洁了 使用Echarts 目前,就官网的文 ...

  2. android listview数据动态加载_Android | Tangram动态页面之路(六)数据分离

    经过前五篇系列文章,对Tangram和vlayout也有了初步认识,这篇文章开始将结合业务场景使用,探索框架能力能对业务带来的支持,因为调研本身是一个需要不断踩坑的过程,所以大纲也做了微调,后续会根据 ...

  3. 省市区三级联动后台数据动态加载到页面并实现修改

    HTML页面 <select id="country" name="country"> <option selected="sele ...

  4. [安卓] 9、线程、VIEW、消息实现从TCP服务器获取数据动态加载显示

    一.前言: 一般情况下从TCP服务器读取数据是放在一个线程里读的,但是刷新界面又不得不放在线程外面,所以需要用消息传递把线程里从TCP里获得的数据传送出来,然后根据数据对页面进行相应的刷新. 二.业务 ...

  5. 如何在 InfoPath 2003 表单中动态加载数据

    转自微软:http://support.microsoft.com/kb/896451/zh-cn 概要 简介 更多信息 创建新的虚拟目录 设计 Microsoft Office InfoPath 2 ...

  6. Java实现动态加载页面_[Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新)...

    [Java教程]动态加载页面数据的小工具 javascript + jQuery (持续更新) 0 2014-05-07 18:00:06 使用该控件,可以根据url,参数,加载html记录模板(包含 ...

  7. html select ajax,AJAX 动态加载后台数据 绑定select的方法

    直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来 html代码 //下拉框数据动态加载 js代码 $.ajax ...

  8. ceisum 加载geojson,使用 Cesium 动态加载 GeoJSON 数据

    前言 需求是这样的,我需要在地图中显示 08 年到现在的地震情况,地震都是发生在具体的时间点的,那么问题就来了,如何实现地震情况按照时间动态渲染而不是一次全部加载出来. 一. 方案分析 这里面牵扯到两 ...

  9. vue+element 动态加载数据,checkbox实现全选,不全选

    效果图: 功能描述: 图中所展示数据,全是从服务器获取的数据动态加载,实现点击全选,不全选,加粗字体为父节点,后面为子节点. 数据结构: [{"children": [{" ...

最新文章

  1. 突破NP屏蔽,实现按键模拟!
  2. 【面试招聘】去不了大厂实习,小厂实习去吗?
  3. 删除a标签下面的横线
  4. Qt工作笔记-通过信号与槽实现定时器
  5. Oracle安全漏洞2016.10报告
  6. 实战:通过组策略为用户部署软件
  7. 骚操作,简单修改源码,让你的postman自动生成POJO代码
  8. 设计灵感|简单的文字和图片排版如何出彩?
  9. 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由
  10. 设计模式总结之结构型模式
  11. Go语言学习日记【十八】golang中context包简介与使用
  12. PyTorch笔记 - Dropout: A Simple Way to Prevent Neural Networks from Overfitting
  13. mysql 多维度统计_SQL统计——按照各种维度
  14. 电子不停车收费系统(ETC)专题(2)——国内现状
  15. 解决IIS+PHP出现的“500 - 内部服务器错误”
  16. java outputstream初始化_ByteArrayOutputStream简介和使用_动力节点Java学院整理
  17. Mysql中decode函数的几种用法
  18. 第六届蓝桥杯决赛真题:穿越雷区
  19. 基于PIC18F458的CAN总线接口设计
  20. 类的组合在什么情况下使用_什么情况下选择使用圆锥滚子轴承?(原创轴承外贸写作素材)...

热门文章

  1. mysql5.1.6安装_mysql 5.1.6的安装启动
  2. linux高级运维笔试简答题及答案,企业linux初级和高级运维面试常问题目问答总结技巧讲解(2020年录制)...
  3. python科学计数法输出_python不以科学计数法输出的实例方法总结
  4. python入门之函数结构函数的参数_python3基础之函数参数类型
  5. python集合类型的操作符_Python 语言学习 第一篇:数据类型(数字,集合,布尔类型,操作符)...
  6. 用java智能锁远程,从生产者-消费者模型了解线程、同步、锁(java)
  7. python需要的环境_python运行环境是什么
  8. html5基础知识点制作图片
  9. (10) ejb学习: Jpa的JTA事务和RESOURCE_LOCAL事务
  10. excel如何返回双引号