Ext项目中应用_用户日志页
function showLogDate(value){
Ext.getCmp('logDateHeard').setTitle('日期：'+value);
}
function changeButton(){
var yearPanels = Ext.getCmp('accordion').items.items;
var expend=false;
Ext.each(yearPanels , function(yearPanel){
if(!yearPanel.collapsed){
expend=true;
var sublogs = yearPanel.getEl().query("div input[type='checkbox']");
var falg=false;
Ext.each(sublogs,function(_sublog){
if(_sublog.checked){
falg=true;
}
});
if(falg){
Ext.getCmp('delbont').enable();
}else{
Ext.getCmp('delbont').disable();
}
}
});
if(!expend){
Ext.getCmp('delbont').disable();
}
}
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = './images/default/s.gif';
//提示按钮自动隐藏
function delayMsg(){
var txt = Ext.Msg.getDialog().buttons[0].getText();
var s = 3;
Ext.TaskMgr.start({
run:function(){
if(s<=0){
Ext.Msg.hide();
return false;
}else{
Ext.Msg.getDialog().buttons[0].setText(txt+'('+s+')');
s--;
}
},
scope: this,
interval: 1000
});
}
Ext.namespace("com.boco.syslog");
LogItem = com.boco.syslog.LogItem;
LogItem = function(_cfg){
LogItem.superclass.constructor.call(this, _cfg);
};
//继承面板
Ext.extend(LogItem,Ext.Panel,{data:"",id:'',autoScroll:true});
//日志单个项类
LogsubItem = com.boco.syslog.LogsubItem;
LogsubItem = function(_cfg){
Ext.apply(this,_cfg);
}
Ext.apply(LogsubItem.prototype,{
text:'',
url:''
});
//链接模板
var logtpl =new Ext.XTemplate(
'<form name="pname"><tpl for="."><div id="{text}" src="./images/jt12.gif"/><a href={url} style="text-decoration: none" target="syslog" onclick="showLogDate(this.innerText)">{text}</a><input id={text} name="lognames" value="{text}" type="checkbox" onclick="changeButton()"/>',
'<div src="syslog/SYSLOG" name="syslog" width="100%" height="100%" frameborder=0></iframe>'
},{
title:'系统日志',
layout:'fit',
//autoScroll:true,
region:'west',
width:250,
tbar: new Ext.Toolbar({
id:'logallSelect',
items:[{xtype: 'tbseparator'},
new Ext.form.Checkbox({
boxLabel:'全选',
listeners:{
check:function(logcheckbox , checked){
//alert(checked);
var yearPanels = this.ownerCt.ownerCt.get('accordion').items.items;
Ext.each(yearPanels , function(yearPanel){
if(!yearPanel.collapsed){
var sublogs = yearPanel.getEl().query("div input[type='checkbox']");
Ext.each(sublogs,function(_sublog){
_sublog.checked=checked;
});
}
});
changeButton();
}
}
}),
{xtype: 'tbseparator'},
{
text: '删除',
id: 'delbont',
iconCls: 'silk-delete',
xtype:'button',
disabled:true,
handler:function(_botn){
Ext.MessageBox.confirm('确认', '您确定要删除日志文件?',function(result){
if(result == 'yes'){
//获取参数
var lognames='';
var yearPanels = Ext.getCmp('accordion').items.items;
Ext.each(yearPanels , function(yearPanel){
if(!yearPanel.collapsed){
var sublogs = yearPanel.getEl().query("div input[type='checkbox']");
Ext.each(sublogs,function(_sublog){
if(_sublog.checked){
lognames += _sublog.value+',';
}
});
}
});
//
//参数不为空提交
if(lognames!=''){
Ext.Ajax.request({
url:'/bfk/basesyslogdeleteLogAction.action',
params:{lognames:lognames},
success: function(response ,options){
var resText = Ext.util.JSON.decode(response.responseText);
if(resText.success){
Ext.Msg.alert('提示',resText.msg);
var logs = lognames.split(',');
Ext.each(logs,function(_log){
Ext.get(logs).remove();
});
delayMsg();
}else{
//从服务端返回描述
Ext.Msg.alert('错误',resText.msg);
delayMsg();
}
},
failure : function(response,options){
Ext.Msg.alert('错误',"删除失败");
delayMsg();
}
});
}
//
}
});
}
},
{xtype: 'tbseparator'},
{
//xtype:'calendarpicker'
id:'seach',
text:'查询',
iconCls:'icon-seacch-date',
handler:function(_seachbon){
var p = new Ext.Panel({
x: _seachbon.getEl().getX()+30,
y: _seachbon.getEl().getY(),
renderTo: Ext.getBody(),//x,y,renderTo:Ext.getBody()初始化panel的位置
floating: true,//true //面板浮动
frame: true,//圆角边框,背景色
width: 190,
height: 215,
items:[
new Ext.DatePicker({
format:"Y-m-d",
handler:function(_dpker, date){
var d = date.format("Y-m-d");
if(d == (new Date()).format("Y-m-d")){
Ext.getCmp('logDateHeard').setTitle('日期：Today');
Ext.get('syslog').dom.src='/bfk/syslog/SYSLOG';
//alert();
_dpker.ownerCt.hide();
return;
}
//匹配日如果没有日再匹配月
var url='';
var text='';
var as = Ext.query("a");
var c = new String(d);
Ext.each(as,function(_a){
if(_a.innerText==d){
url=_a.href;
Ext.get('syslog').dom.src=url;
text = _a.innerText;
}
});
if(url==''){
Ext.each(as,function(_a){
if(_a.innerText==c.substring(0,c.length-3)){
url=_a.href;
Ext.get('syslog').dom.src=url;
text = c.substring(0,c.length-3);
}
});
}
if(url!=''){//set title value
Ext.getCmp('logDateHeard').setTitle('日期：'+text);
}
_dpker.ownerCt.hide();
}
})
]
}).show();
}
}
]
}),
split:true,
items:[
new Ext.Panel({
id:'accordion',
autoScroll:true,
margins:'5 0 5 5',
fill:true,
split:true,
layout:'accordion'
})
],
collapsible:true
},{
title:'<br>',
region:'south',
height:0
}]
});
});
