对应的view.js如下
Ext.Ajax.on('requestcomplete', function(conn,response,options){
if(response.getResponseHeader("sessionstatus")){
document.location="login.html";
}
});
Ext.define('Platform.view.brokersByDayView', {
extend: 'Ext.grid.Panel',
alias: 'widget.brokers_by_day',
id:'brokersByDayView',
initComponent:function(){
var time = Ext.Date.add(new Date(), Ext.Date.DAY,-1);
var endtime = Ext.Date.add(new Date(),Ext.Date.DAY,0);
var me=this;
Ext.applyIf(me, {
store:'brokersByDayStore',
// selModel : Ext.create('Ext.selection.CheckboxModel'),
columns: [{
header: '券商名称',
dataIndex: 'brokerName',
renderer:function(value,rowIndex){
return "<a href='#' onclick=showBrokersbtn(" + rowIndex.recordIndex + ")>"+value+"</a>"
},
flex: 1
},{
header: '访问人数',
dataIndex: 'userNumber',
flex: 1
},{
header: '新增用户数',
dataIndex: 'newUserNumber',
flex: 1.5
},{
header: '访问频次',
dataIndex: 'frequency',
flex: 1
},{
header: '截止累计用户数',
dataIndex: 'cumulativeNumber',
flex: 1
}],
dockedItems:[{xtype:'panel',height:35},{
xtype: 'toolbar',
dock: 'top',
items: [{xtype:'textfield',id:'brokerName',fieldLabel:'券商名称'},
{xtype:'button',text:'查询',width:70,handler:me.searchbtn},
'->',
{xtype:'button',text:'导出',handler:me.printbtn},
{xtype:'button',text:'啦啦',handler:me.showBrokersbtn}
]
},{
xtype: 'pagingtoolbar',
store: 'brokersByDayStore', // same store GridPanel is
id:'pagingTool',// using
dock: 'bottom',
emptyMsg: '没有数据',
displayInfo: true,
displayMsg: '显示{0}-{1}条记录 / 共{2}条 ',
beforePageText: '第',
afterPageText: '页/共{0}页'
}]
});
this.callParent(arguments);
Ext.getCmp("pagingTool").getStore().on('beforeload', function(s) {
var params = s.getProxy().extraParams;
Ext.apply(params,{
"beginTime":Ext.util.Format.date(time,'Y-m-d'),
"endTime":Ext.util.Format.date(time,'Y-m-d'),
"staticsFlag":'1',
"brokerName":encodeURIComponent(Ext.getCmp("brokerName").getValue())
});
});
},
searchbtn:function(me){
Ext.getCmp("pagingTool").moveFirst();
Ext.getCmp("brokersByDayView").getStore().reload({
params: {
"beginTime":Ext.util.Format.date(time,'Y-m-d'),
"endTime":Ext.util.Format.date(time,'Y-m-d'),
"staticsFlag":'1',
"brokerName":encodeURIComponent(Ext.getCmp("brokerName").getValue())
}});
}
});
function showBrokersbtn(num){
var time = Ext.Date.add(new Date(), Ext.Date.DAY,-1);
var mea = this;
var data = Ext.getCmp('brokersByDayView').getStore().getAt(num);
var brokerName = data.data.brokerName;
alert(brokerName);
var window = Ext.create('Ext.window.Window', {
title: brokerName,
width: '80%',
modal: true,
id:'brokerDayGird',
items:[{
id:'brokerday',
xtype:'grid',
height:600,
store:'brokersByDayWindowStore',
columns:[{
header: '日期',
dataIndex: 'statisticsDate',
renderer: Ext.util.Format.dateRenderer('Y-m-d'),
flex: 1
},{
header: '访问人数',
dataIndex: 'userNumber',
flex: 1
},{
header: '新增用户数',
dataIndex: 'newUserNumber',
flex: 1.5
},{
header: '访问频次',
dataIndex: 'frequency',
flex: 1
},{
header: '截止累计用户数',
dataIndex: 'cumulativeNumber',
flex: 1
}],dockedItems:[{xtype:'panel',height:35},{
xtype: 'toolbar',
dock: 'top',
items: [{
xtype : 'combo',
fieldLabel : '券商名称：',
id:'addbrokerName',
store : Ext.create('Ext.data.Store', {
fields:['id','name'],
proxy:{
type:'ajax',
url:'brokersDownload/brokerBasicInfo.jhtml?type=findBrokerList',
reader:'json'
},
autoload:true
}),
displayField : 'name',
valueField : 'name',
editable : true, //用户不能自己输入,只能选择列表中有的记录
allowBlank : false,
value:brokerName,
listeners:{
change : function(combo, newValue, oldValue, eOpts){
Ext.getCmp('addbrokerName').setValue(newValue);
brokerName = newValue;
}
}
},{xtype:'datefield',format:'Y-m-d',id:'beginTimeDay',fieldLabel:'开始时间',value:Ext.Date.add(new Date(), Ext.Date.DAY, -1),labelWidth:60,allowBlank:false,maxValue:new Date(),
listeners: {
change : function(){
var endTime = Ext.getCmp("endTimeDay");
var beginTime = Ext.getCmp("beginTimeDay");
if(beginTime.getValue() != ""){
var future = Ext.Date.add(new Date(beginTime.getValue()), Ext.Date.MONTH, 1);
var history = Ext.Date.add(new Date(beginTime.getValue()), Ext.Date.MONTH, -1);
var minDate = Ext.Date.add(new Date(), Ext.Date.MONTH, -1);
if(new Date() <= future){
endTime.setMaxValue(new Date());
}else{
endTime.setMaxValue(future);
}
if(history <= minDate){
endTime.setMinValue(minDate);
}else{
endTime.setMinValue(history);
}
}
}
}
},
{xtype:'datefield',format:'Y-m-d',id:'endTimeDay',fieldLabel:'结束时间',value:Ext.Date.add(new Date(), Ext.Date.DAY,-1),labelWidth:60,allowBlank:false,maxValue:new Date(),
listeners: {
change : function(){
var endTime = Ext.getCmp("endTimeDay");
var beginTime = Ext.getCmp("beginTimeDay");
if(endTime.getValue() != ""){
var future = Ext.Date.add(new Date(endTime.getValue()), Ext.Date.MONTH, 1);
var history = Ext.Date.add(new Date(endTime.getValue()), Ext.Date.MONTH, -1);
var minDate = Ext.Date.add(new Date(), Ext.Date.MONTH, -1);
if(new Date() <= future){
beginTime.setMaxValue(new Date());
}else{
beginTime.setMaxValue(future);
}
if(history <= minDate){
beginTime.setMinValue(minDate);
}else{
beginTime.setMinValue(history);
}
}
}
}
},{xtype:'button',text:'搜索',width:70,handler:function(mea){
Ext.getCmp("pagingTool1").moveFirst();
Ext.getCmp("brokerday").getStore().reload({
params: {
"beginTime":Ext.getCmp('beginTimeDay').getValue(),
"endTime":Ext.getCmp('endTimeDay').getValue(),
"staticsFlag":'1',
"brokerName":encodeURIComponent(brokerName)
}});
}
},
'->',
{xtype:'button',text:'导出',handler:mea.outputbtn}
]
}]
},{
xtype: 'pagingtoolbar',
store: 'brokersByDayWindowStore', // same store GridPanel is
id:'pagingTool1',// using
dock: 'bottom',
emptyMsg: '没有数据',
displayInfo: true,
displayMsg: '显示{0}-{1}条记录 / 共{2}条 ',
beforePageText: '第',
afterPageText: '页/共{0}页'
}]
});
Ext.getCmp("pagingTool1").getStore().on('beforeload', function(s) {
var params = s.getProxy().extraParams;
Ext.apply(params,{
"beginTime":Ext.getCmp('beginTimeDay').getValue(),
"endTime":Ext.getCmp('endTimeDay').getValue(),
"staticsFlag":'1',
"brokerName":encodeURIComponent(brokerName)
});
});
window.show();
}
store.js如下
Ext.define("Platform.store.brokersByDayWindowStore", {
extend : 'Ext.data.Store',
pageSize : '20',
model : 'Platform.model.brokersStatisticalModel',
proxy : {
type : 'ajax',
url : 'initManage/brokersStatistics.jhtml?type=findDayBroker',
reader : {
root : 'items',
totalProperty : 'total'
}
},
autoLoad : true
});
服务端代码没有问题
现在在这个页面
点击超链接字体，弹窗后并没有自动加载 ，并且出现访问两次后台的情况
第一次参数未送达，第二次参数正常 ，求大神指点。。。。。