四.左上下级联页面

Ext.onReady(function(){Ext.tip.QuickTipManager.init();
var Tools_TGrid_Sys_ManageFile_lb ;
Ext.define('model', {
extend : 'Ext.data.Model',
fields : [
{	name : 'name',type : 'string'}
,{	name : 'Province',type : 'string'}
,{	name : 'leaf',type : 'boolean'}
]});

store = Ext.create('Ext.data.TreeStore', {
storeId:'store',	
model : 'model',
sorters: [{property: 'id', direction: 'DESC'}],
	root : {
		id : 'null',
		appId : 'Sys'
	},
	proxy : {
		type : 'ajax',
		url : 'appAgentAction!runAgent.action?agentId=Agent_Sys_manegeCompanyDate&type=getArea',
		reader : {
			type : 'json'
		}
	}
});


grid = Ext.create('Ext.tree.TreePanel', {
id :'TGrid_Sys_ManageFile_lb',
sqlTableName : 'G001_office_ManageFile_lb',
foreignKey : 'pid',
plugins : [ Ext.create('Ext.grid.plugin.CellEditing', {
pluginId : 'cellplugin',
clicksToEdit : 1
}) ],
layout : 'fit',
height : document.documentElement.clientHeight-5,
autoScroll : true,
listeners :{
                itemclick : function (self, record, item, index, e, eOpts)
                {
                    _leftClick(record);
                }
            },
forceFit : true,
	columns : [ 
{
header : 'id',
dataIndex : 'id',
menuDisabled :true,
hidden: true,
hideable: false,
style:'text-align:center;',
editor :
{

xtype:'textfield'
}

,
width : 150
}
,{
header : '区域',
dataIndex : 'name',
xtype : 'treecolumn',
menuDisabled :true,
style:'text-align:center;',
width : 60
}

],
	border : 1,
	autoScroll : true,
	split : true,
	useArrows : false,
	rowLines : true,
	frame : false,
	singleExpand : false,
	store : store,
	rootVisible : false,
tbar : Tools_TGrid_Sys_ManageFile_lb
});

var Tools_model_DGrid_demo_003 = ['-',{xtype: 'button',id : 'Btn_add',iconCls:'icon-edit',text:'修改',disabled : false,handler:function(){editItem();}},'-','->','-',{text:'搜索:'},new Ext.form.TextField({id:'SearchInput',name:'SearchInput',width:200,y:1,emptyText:'Keywords...',listeners:{render:function(f){f.el.on('keydown',SearchDoc);}}}),{text:'查询',iconCls:'icon-search',handler:function(){SearchDoc('GO');}}];

Ext.define('_model_DGrid_demo_003', {
extend : 'Ext.data.Model',
fields : [
{
name : 'Email',
type : 'string'
}
,{
name : 'Mobile',
type : 'string'
}
,{
name : 'Qq',
type : 'string'
}
,{
name : 'UserName',
type : 'string'
}
,{
name : 'CompanyName',
type : 'string'
}
,{
name : 'CompanyId',
type : 'string'
},{
name : 'DocCreated',
type : 'string'
}
,{
name : 'Id',
type : 'string'
},{
name : 'isBuy',
type : 'string'
}
]});
_store_DGrid_demo_003 = Ext.create('Ext.data.Store', {
storeId : '_storeId_DGrid_demo_003',
model : '_model_DGrid_demo_003',
sorters: [{property: 'DocCreated', direction: 'DESC'}],
pageSize : 20,
proxy : {
type : 'ajax',
url : 'appDefaultGridAction!dataGrid.action',
reader : {
type : 'json',
root : 'rows',
idProperty : 'total'
}

},
autoLoad : true
});
_store_DGrid_demo_003.on('beforeload', function (store, options) {
    var new_params = { 
sqlTableName:'S001_Register_User',		
selectColList:'*',		
orderFieldName : 'DocCreated',
ifSqlDirection:'on',
sqlSearchField:'CompanyName+UserName+Email+Mobile+Qq'
};
Ext.apply(_store_DGrid_demo_003.proxy.extraParams, new_params);
});
_grid_DGrid_demo_003 = Ext.create('Ext.grid.Panel', {
id :'DGrid_demo_003',
sqlTableName : 'Test_Order',
store : _store_DGrid_demo_003,
frame:false,
columnLines : true,
border : 0,
stripeRows : true,
forceFit : true,
listeners :{
                itemclick : function (self, record, item, index, e, eOpts)
                {
                    _topClick(record);
                }
            },
columns : [ 
{
hidden: true
}
,{
xtype : 'rownumberer',
width : 40,
sortable : false
}
,{
header : '<font class="x-grid-header-font">公司名称</font>',
dataIndex : 'CompanyName',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 250
}
,{
header : '<font class="x-grid-header-font">注册人</font>',
dataIndex : 'UserName',
menuDisabled :true,
style:'text-align:center;',
align:'center',
width : 70
}
,{
header : '<font class="x-grid-header-font">Email</font>',
dataIndex : 'Email',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 130
}
,{
header : '<font class="x-grid-header-font">手机</font>',
dataIndex : 'Mobile',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 120
}
,{
header : '<font class="x-grid-header-font">QQ</font>',
dataIndex : 'Qq',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}
,{
header : '<font class="x-grid-header-font">创建时间</font>',
dataIndex : 'DocCreated',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 130
},{
header : '<font class="x-grid-header-font">是否续费</font>',
dataIndex : 'isBuy',
menuDisabled :true,
style:'text-align:center;',
align:'center',
width : 60
}

 ],
bbar : {
xtype : 'pagingtoolbar',
pageSize : 20,
store :_store_DGrid_demo_003,
displayInfo : true
},
height : ( document.documentElement.clientHeight/ 2)-12,
tbar : Tools_model_DGrid_demo_003
});



var Tools_model_DGrid_demo_004 = ['-',{xtype: 'button',id : 'Btn_adds',iconCls:'icon-add',text:'新增',disabled : false,handler:function(){addItem();}},'-',{xtype: 'button',id : 'Btn_edits',iconCls:'icon-edit',text:'修改',disabled : false,handler:function(){_editItem();}}];
Ext.define('_model_DGrid_demo_004', {
extend : 'Ext.data.Model',
fields : [
{
name : 'beginDate',
type : 'string'
}
,{
name : 'endDate',
type : 'string'
}
,{
name : 'fsrq',
type : 'string'
},{
name : 'Id',
type : 'string'
},{
name : 'AppId',
type : 'string'
}

]});
_store_DGrid_demo_004 = Ext.create('Ext.data.Store', {
storeId : '_storeId_DGrid_demo_004',
model : '_model_DGrid_demo_004',
sorters: [{property: 'fsrq', direction: 'DESC'}],
pageSize : 20,
proxy : {
type : 'ajax',
url : 'appDefaultGridAction!dataGrid.action',
reader : {
type : 'json',
root : 'rows',
idProperty : 'total'
}
}
});
_store_DGrid_demo_004.on('beforeload', function (store, options) {
    var new_params = { 
sqlTableName:'S001_AppDate',		
selectColList:'beginDate,endDate,fsrq,Id,AppId',		
orderFieldName : 'DocCreated',
ifSqlDirection:'on'
};
    Ext.apply(_store_DGrid_demo_004.proxy.extraParams, new_params);
});
_grid_DGrid_demo_004 = Ext.create('Ext.grid.Panel', {
id :'DGrid_demo_004',
store : _store_DGrid_demo_004,
frame:false,
border : 0,
stripeRows : true,
forceFit : true,
columns : [ 
{
hidden: true
}
,{
xtype : 'rownumberer',
width : 40,
sortable : false
}
,{
header : '<font class="x-grid-header-font">开始时间</font>',
dataIndex : 'beginDate',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}
,{
header : '<font class="x-grid-header-font">结束时间</font>',
dataIndex : 'endDate',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}
,{
header : '<font class="x-grid-header-font">AppId</font>',
dataIndex : 'AppId',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}


 ],

bbar : {
xtype : 'pagingtoolbar',
pageSize : 20,
store : _store_DGrid_demo_004,
displayInfo : true
},
 height : ( document.documentElement.clientHeight/ 2),
 tbar : Tools_model_DGrid_demo_004
});




var container = Ext.create('Ext.container.Container',
        {
            layout :
            {
                type : 'anchor'
            },
            items : [
                {
                    items : _grid_DGrid_demo_003
                },
                {
                    padding : '2 0 0 0',
                    items :  _grid_DGrid_demo_004
                }
            ]
        }
        );
    
    ViewPort = Ext.create('Ext.Viewport',
        {
            frame : false,
            border : 0,
            defaults :
            {
                xtype : 'panel',
                border : 0,
                bodyPadding : 2
            },
            layout : 'border',
            items : [
                {
                    region : 'west',
                    width : 200,
                    items : grid
                },
                {
                    region : 'center',
                    width : document.body.clientWidth - 200,
                    
                    items : container
                }
            ]
        }
        );
    





});