引用和固定格式:
<link rel="Stylesheet" type="text/css" href="../../../Script/ExtJS3/resources/css/ext-all.css" />
<script type="text/javascript" src="../../../Script/ExtJS3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../../Script/ExtJS3/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="../../../Script/ExtJS3/resources/images/default/s.gif";
Ext.QuickTips.init();
});
</script>
中文:<script type="text/javascript" src="../../../Script/ExtJS3/src/locale/ext-lang-zh_CN.js"></script>
/*---------定义Grid------------*/
var paging=new Ext.PagingToolbar({
store:itemStore,
pageSize:20,
emptyMsg:"没有符合条件的记录",
beforePageText:"第",
afterPageText:"页/{0}",
firstText:"第一页",
prevText:"上页",
nextText:"下页",
lastText:"最后页",
refreshText:"刷新",
displayInfo:false,
displayMsg:'第{0}条到{1}条,一共{2}条',
items:[{
text:'新增',iconCls:'add',id:'addFPlanBtn',tooltip:'新增,handler:function(){
}
},{
text:'删除',iconCls:'remove',id:'delFPlanBtn',tooltip:'删除',handler:function(){
/*
var FID="";
if(app.VisitPlanGrid.getSelectionModel().getSelected()==undefined)
{
Ext.Msg.alert('提示','没有选择任何记录。');
return false;
}else{
FID=app.VisitPlanGrid.getSelectionModel().getSelected()['data']['FID'];
}
Ext.Msg.confirm('提示','确定删除该条记录?',function(id){
if(id=='yes'){
Ext.Ajax.request({
url:'FollowAction.ashx?method=del_PR',
params:{FID:FID},
callback:function(options,success,response){
if(Ext.util.JSON.decode(response.responseText)['success']==true)
{
FollowPlanStore.reload();
}else{
Ext.Msg.alert('提示','删除失败。原因:'+Ext.util.JSON.decode(response.responseText)['reason']);
}
}
})
}
}) */
}
}]
});
app.VisitPlanGrid=new Ext.grid.EditorGridPanel({
store:FollowPlanStore,
columns:[
{header:"预约人",width:60,dataIndex:'AboutName'},
{header:"预约单位",dataIndex:'AboutUnit'},
{header:"预约日期",dataIndex:'AboutTime'},
{header:"随访人",dataIndex:'FollowDoctor',renderer:function(val){if(val=='') return "未随访";return val;}}
],
frame:true,
enableColumnHide:false,
stripeRows:true,
loadMask:true,
sm:new Ext.grid.RowSelectionModel({singleSelect:true}),
height:document.body.clientHeight-274,
width:mainWidth*0.25-40,
viewConfig:{getRowClass : function(record,rowIndex,rowParams,store){
if(record.data.State=="1"){
return 'my_row_Blue';
}
}
},
tbar:paging,
listeners:{cellclick:function(grid,rowIndex,columnIndex,e){
// var record = grid.getStore().getAt(rowIndex);
// app.SelectedFollowID=record.get('RID');
},
rowclick:function(g,rowIndex,e){
//var updateContent=g.getSelectionModel().getSelected()['data'];
//varTempName = updateContent['TInfor']
}
}
});
/*----------end---------------*/
/*------------panel-----------------*/
app.ProPanel=new Ext.Panel({
height:167,
width:document.body.clientWidth*0.73-25,
frame:true,
autoScroll:true,
//buttonAlign:"center",
bodyStyle:'overflow-x: hidden',
items:[{
layout:"column",
defaults:{
labelSeparator:':',
labelWidth:70,
labelAlign:'right',
layout:'form',
columnWidth:.33
},
items:[{
items:[{
xtype:"datefield",
id:"BuildTime",
fieldLabel:"立案日期",
format:'Y-m-d',
//allowBlank:false,
anchor:"95%"
}]
},{
items:[{
xtype:"textfield",
id:"BuildName",
fieldLabel:"立案人",
//allowBlank:false,
anchor:"95%"
}]
},{
items:[{
fieldLabel:"立案单位",
xtype:'combo',
id:"BuildUnit",
hiddenName:'HBuildUnit',
itemSelector :'div.x-combo-list-item',
tpl:CommunityTpl,
resizable:true,
triggerAction:'all',
editable:false,
store:app.ComStore,
displayField:'ComName',
valueField:'ComValue',
mode:'local',
forceSelection:true,
handleHeight:10,
anchor:"95%"
}]
}]
},{
layout:"column",
defaults:{
labelSeparator:':',
labelWidth:70,
labelAlign:'right',
layout:'form',
columnWidth:.5
},
items:[{
items:[{
xtype:"textarea",
id:"MainState",
fieldLabel:"主要症状",
anchor:"95%"
}]
},{
items:[{
xtype:"textarea",
id:"ProcessMind",
fieldLabel:"治疗方案",
anchor:"100%"
}]
}]
},{
contentEl:"ProjectFrame",
height:200
}]
});
/*----------end---------------*/
/*-------------FormPanel----------------*/
app.ItemForm=new Ext.form.FormPanel({
layout:"column",
//height:document.body.clientHeight-32,
// width:mainWidth-4,
frame:true,
modal:false,
shadow:false,
autoScroll:true,
items:[{//第一列
columnWidth:0.27,
layout:'form',
labelSeparator:':',
labelWidth:70,
labelAlign:'right',
items:[{
//height:25
xtype:'hidden',
id:'EID'
},{
id:'CreateCombQ',
xtype:"combo",
fieldLabel:'建卡单位',
anchor:'95%',
store:app.ComStore,
displayField:'ComName',
valueField:'ComValue',
value:ComID,
itemSelector :'div.x-combo-list-item',
tpl:CommunityTpl,
emptyText:'请选择',
triggerAction:'all',
mode:'local',
forceSelection:false,
handleHeight:10,
//listWidth:'200',
resizable:true,
editable:false,
enableKeyEvents:true,
listeners:{keydown:function(f,e){if(e.keyCode==13){StartQuery();}}}
},{
xtype:"textfield",
id:"AddressQ",
fieldLabel:"住址",
allowBlank:true,
anchor:"95%",
listeners:{keydown:function(f,e){if(e.keyCode==13){StartQuery();}}}
},{
xtype:"datefield",
id:"AboutDate",
fieldLabel:"预约日期",
format:'Y-m-d',
anchor:"95%",
value:aboutdate,
listeners:{keydown:function(f,e){if(e.keyCode==13){StartQuery();}}
}
},{
layout:'column',
defaults:{
layout:'form',
labelSeparator:':',
labelWidth:60,
labelAlign:'right'
},
items:[{
columnWidth:0.7,
items:[{
xtype:'checkbox',
id:'isToday',
hideLabel:true,
boxLabel:'仅显示今天预约儿童',
checked:false,
anchor:"95%",
listeners:{check:function(f,e){
if(this.getValue()==true)
{
// Ext.getCmp('AboutDate').setValue(new Date());
// StartQuery();
}else{
// Ext.getCmp('AboutDate').reset();
// StartQuery();
}
}}
}]
},{
columnWidth:0.3,
bodyStyle:'',
items:[{
xtype:'button',
text:'查询',
handler:function(){StartQuery();}
}]
}]
},app.ItemGrid]
},{
columnWidth:0.73,
items:[app.ProPanel]
}]
});
/*----------end---------------*/
/*-------------TabPanel----------------*/
app.BaseTab=new Ext.TabPanel({
collapsible: true,
defaults:{autoHeight: true,autoScroll:true},
enableTabScroll:false,
width:document.body.clientWidth*0.73-25,
height:197,
autoTabs:true,
deferredRender:false,
activeTab:0,
animScroll:true,
layoutOnTabChange:true,
bodyStyle:'border:0;background:#dfe8f6;',
plain:true,
items:[
{title:'基本信息',id:'BaseTab',items:[app.ItemForm]},
{title:'示例面板二',id:'ProTab',disabled:true,items:[]}
],
listeners:{
tabchange : function(tabPanel,oTab){
if(tabPanel.getActiveTab().id=="ProTab" && app.TabFlag=="")
{
document.getElementById('innerFrame').src="ProjectElementFrame.aspx?ZAID="+app.SelectedZAID+"&SCID="+app.SelectedSCID;
app.TabFlag="1";
}
},
collapse:function(p){
},
expand:function(p){
}
}
});
/*----------end---------------*/
/*-----------------Window--------------------*/
ItemWin=new Ext.Window({
title:'窗口',
closeAction:'hide',
modal:true,
width:540,
autoHeight:true,
shadow:true,
animCollapse:true,
layout:'form',
frame:true,
labelWidth:100,
labelAlign:'right',
labelSeparator:':',
border:false,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items:[formPanelChe],
listeners:{
'hide':function(){}
}
});