extjs显示从数据库中取出来的值
EXTJS页面:/*!*ExtJSLibrary3.3.0*Copyright(c)2006-2010ExtJS,Inc.*licensing@extjs.com*htt...
EXTJS页面:
/*!
* Ext JS Library 3.3.0
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/
Ext.onReady(function(){
// create the data store
var store = new Ext.data.Store({
proxy: new Ext.ux.data.PagingMemoryProxy(),
remoteSort:true,
sortInfo: {field:'crdt80', direction:'ASC'},
reader: new Ext.data.ArrayReader({
fields: [
{name: 'cnid80', type: 'float'},
{name: 'usid80', type: 'float'},
{name: 'moty80', type: 'float'},
{name: 'trcd80', type: 'float'},
{name: 'crdt80', type: 'float'},
{name: 'crtd80', type: 'float'},
]
})
});
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'cnid80',header: "箱号", width: 75, sortable: true, dataIndex: 'cnid80'},
{header: "司机姓名", width: 75, sortable: true, dataIndex: 'usid80'},
{header: "指令类型", width: 75, sortable: true, dataIndex: 'moty80'},
{header: "机械号", width: 75, sortable: true, dataIndex: 'trcd80'},
{header: "日期", width: 85, sortable: true, dataIndex: 'crdt80'},
{header: "时间", width: 85, sortable: true, dataIndex: 'crtd80'}
],
stripeRows: true,
autoExpandColumn: 'cnid80',
height:320,
width:600,
frame:true,
title:'所 用 机 械 查 询',
plugins: new Ext.ux.PanelResizer({
minHeight: 100
}),
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
plugins: new Ext.ux.ProgressBarPager()
})
});
grid.render('grid-example');
store.load({params:{start:0, limit:10}});
});
后台servlet页面:
response.setContentType("text/html");
String cnid80=request.getParameter("cnid80");
String date=request.getParameter("date");
JixieAction ta=new JixieAction();
ArrayList al= ta.JixieQuery(cnid80, date);
现在是ta这个对象里返回的是ARRAYLIST的类型的 键值对 我想把查到的数据显示在用EXTJS页面上 怎么能显示 展开
/*!
* Ext JS Library 3.3.0
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/
Ext.onReady(function(){
// create the data store
var store = new Ext.data.Store({
proxy: new Ext.ux.data.PagingMemoryProxy(),
remoteSort:true,
sortInfo: {field:'crdt80', direction:'ASC'},
reader: new Ext.data.ArrayReader({
fields: [
{name: 'cnid80', type: 'float'},
{name: 'usid80', type: 'float'},
{name: 'moty80', type: 'float'},
{name: 'trcd80', type: 'float'},
{name: 'crdt80', type: 'float'},
{name: 'crtd80', type: 'float'},
]
})
});
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'cnid80',header: "箱号", width: 75, sortable: true, dataIndex: 'cnid80'},
{header: "司机姓名", width: 75, sortable: true, dataIndex: 'usid80'},
{header: "指令类型", width: 75, sortable: true, dataIndex: 'moty80'},
{header: "机械号", width: 75, sortable: true, dataIndex: 'trcd80'},
{header: "日期", width: 85, sortable: true, dataIndex: 'crdt80'},
{header: "时间", width: 85, sortable: true, dataIndex: 'crtd80'}
],
stripeRows: true,
autoExpandColumn: 'cnid80',
height:320,
width:600,
frame:true,
title:'所 用 机 械 查 询',
plugins: new Ext.ux.PanelResizer({
minHeight: 100
}),
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: store,
displayInfo: true,
plugins: new Ext.ux.ProgressBarPager()
})
});
grid.render('grid-example');
store.load({params:{start:0, limit:10}});
});
后台servlet页面:
response.setContentType("text/html");
String cnid80=request.getParameter("cnid80");
String date=request.getParameter("date");
JixieAction ta=new JixieAction();
ArrayList al= ta.JixieQuery(cnid80, date);
现在是ta这个对象里返回的是ARRAYLIST的类型的 键值对 我想把查到的数据显示在用EXTJS页面上 怎么能显示 展开
4个回答
展开全部
var ne_store = new Ext.data.Store({
url : servletUrl,
reader : new Ext.data.JsonReader({
root : 'root',
successProperty : 'success'
}, [{
name : 'ne_cn_name'
}, {
name : 'objectid'
}, {
name : 'object_class'
}])
});
reader要用jsonReader,用数组的不行哦,上面是我写东西用到的一个store。希望对你有用 。下面是后台返回的json字符串{root:[{"object_class":3005,"objectid":17596443489546,"ne_cn_name":"1111"},{"object_class":3005,"objectid":17596006518171,"ne_cn_name":"1111"},{"object_class":3005,"objectid":17593836678704,"ne_cn_name":"1111"}],success:true}这样就能显示出来了
url : servletUrl,
reader : new Ext.data.JsonReader({
root : 'root',
successProperty : 'success'
}, [{
name : 'ne_cn_name'
}, {
name : 'objectid'
}, {
name : 'object_class'
}])
});
reader要用jsonReader,用数组的不行哦,上面是我写东西用到的一个store。希望对你有用 。下面是后台返回的json字符串{root:[{"object_class":3005,"objectid":17596443489546,"ne_cn_name":"1111"},{"object_class":3005,"objectid":17596006518171,"ne_cn_name":"1111"},{"object_class":3005,"objectid":17593836678704,"ne_cn_name":"1111"}],success:true}这样就能显示出来了
展开全部
没写过这个哦!!
不过你是不是可以在后台将extJs所需要的语法直接写成js形式字符串,那样就直接在页面输出就可以了!
否则的话就是将你的ta这个对象在前台 放在隐藏域中循环输出,然后再用js调用。循环不断写出表格的主体部分吧
不过你是不是可以在后台将extJs所需要的语法直接写成js形式字符串,那样就直接在页面输出就可以了!
否则的话就是将你的ta这个对象在前台 放在隐藏域中循环输出,然后再用js调用。循环不断写出表格的主体部分吧
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
response.setContentType("text/html");
String cnid80=request.getParameter("cnid80");
String date=request.getParameter("date");
你这个是什么意思。
store: store,这个是数组,你给的是json数据。
String cnid80=request.getParameter("cnid80");
String date=request.getParameter("date");
你这个是什么意思。
store: store,这个是数组,你给的是json数据。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
使用JSON 数组来实现前后台的数据交互
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询