EXTjs 如图 我想点击查询结果显示到下面会员基本信息里 下面用的是FormPanel 50
EXTjs如图我想点击查询结果显示到下面会员基本信息里下面用的是FormPanel第二个图是一块代码怎么能实现呢跪求了找了好久都没实现新手实在是不懂了...
EXTjs 如图 我想点击查询结果显示到下面会员基本信息里 下面用的是FormPanel 第二个图是一块代码 怎么能实现呢 跪求了 找了好久都没实现 新手实在是不懂了
展开
1个回答
展开全部
.你点击查询后应该是一个结果集.例如是json形式的哈,在页面上定义一个Store来接收
var listStore = new Ext.data.JsonStore({
url: URL_LIST, // 填写你获取数据的接口url
remoteSort: true,
root: 'items',
totalProperty: 'total',
fields: ['userId','userName','phone','WX' ] //写 你返回结果集中的 数据库字段
});
然后 你既然是显示数据的 没必要用formPanel 我这里是表格的 所以我就用的gridPanel
var listPanel = new Ext.grid.GridPanel({
store: listStore, // 在这里把你的 结果集放里
columns: [
{ header: 'userId', dataIndex: 'userId', width: 70, align: 'right' },
{ header: 'userName', dataIndex: 'userName', width: 150 },
.
. //你要显示的 东西 和 字段 宽度 位置居中信息等
.
],
bbar: new Ext.PagingToolbar({ //分页
pageSize: _PAGESIZE,
store: listStore,
displayInfo: true
}),
});
// 面板的显示 不写这个 不显示的
var viewport = new Ext.Viewport({
layout: 'border',
items:[{
region : 'center',
border: false,
frame: false,
margins: '10 10 10 10',
layout : 'border',
items: [{
region : 'center',
title : '你的信息',
layout : 'fit',
border: false,
items : [ listPanel ]
}]
}]
});
var listStore = new Ext.data.JsonStore({
url: URL_LIST, // 填写你获取数据的接口url
remoteSort: true,
root: 'items',
totalProperty: 'total',
fields: ['userId','userName','phone','WX' ] //写 你返回结果集中的 数据库字段
});
然后 你既然是显示数据的 没必要用formPanel 我这里是表格的 所以我就用的gridPanel
var listPanel = new Ext.grid.GridPanel({
store: listStore, // 在这里把你的 结果集放里
columns: [
{ header: 'userId', dataIndex: 'userId', width: 70, align: 'right' },
{ header: 'userName', dataIndex: 'userName', width: 150 },
.
. //你要显示的 东西 和 字段 宽度 位置居中信息等
.
],
bbar: new Ext.PagingToolbar({ //分页
pageSize: _PAGESIZE,
store: listStore,
displayInfo: true
}),
});
// 面板的显示 不写这个 不显示的
var viewport = new Ext.Viewport({
layout: 'border',
items:[{
region : 'center',
border: false,
frame: false,
margins: '10 10 10 10',
layout : 'border',
items: [{
region : 'center',
title : '你的信息',
layout : 'fit',
border: false,
items : [ listPanel ]
}]
}]
});
追答
解决了嘛?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询