Ext 오프닝 레이아웃 설계 Viewport
8784 단어 viewport
// dwr
dwr.engine.setAsync(false);
//*************************************** **************************************************
var store = new Ext.data.ArrayStore({
fields: ['id', 'name', 'desc'],
data: [
['1', 'name1', 'desc1'],
['2', 'name2', 'desc2'],
['3', 'name3', 'desc3'],
['4', 'name4', 'desc4'],
['5', 'name5', 'desc5'],
['6', 'name6', 'desc6'],
['7', 'name7', 'desc7'],
['8', 'name8', 'desc8'],
['9', 'name9', 'desc9'],
['10', 'name10', 'desc10']
]
});
var grid = new Ext.grid.GridPanel({
title: 'grid',
viewConfig: {forceFit: true},
store: store,
height:300,
columns: [
{header:'id', dataIndex: 'id'},
{header:' ', dataIndex:'name'},
{header:' ', dataIndex:'desc'}
],
tbar: new Ext.Toolbar([' ',' ',' ']),
bbar: new Ext.PagingToolbar({
pageSize: 15,
store: store
})
});
//*************************************** function ****************************************************
// *****************************************************************************************************
// Ext.onReady
// ******************** A:viewport***************************
//Ext.onReady(function(){
//
//// A:viewport
// var viewport = new Ext.Viewport({
// layout: 'border',
// items: [
// {region:'north',html:'north',title:'north',height:80},
//
// {region:'west',title:'west',width:300,
// items:
// [grid,
// {region:'center',html:'center2html',title:'center2',autoHeight:true}]
// },
//
// {region:'center',html:'center',title:'center'}
// ]
// });
//});
//******************** B:viewport totalPanel tbar***************************
Ext.onReady(function(){
// B:viewport totalPanel
var totalPanel = new Ext.Panel({
//width:400,
region:'center',
tbar: new Ext.Toolbar(['viewport PlanB']), // tbar
//tbarCfg :{height:200},
//renderTo: Ext.getBody(),
//height:640,
border :false,
split:true,
id:'fp1',
layout:'border',
//enableTabScroll:true,
items: [
{region:'north',html:'north',title:'north',height:80},
{region:'west',title:'west',width:300,
items:
[grid,
{region:'center',html:'center2html',title:'center2',autoHeight:true}]
},
{region:'center',html:'center',title:'center'}
]
});
// B:viewport
var viewport = new Ext.Viewport({
layout: 'border',
items: totalPanel
});
// //
// loadGridData() ;
// loadGrid2Data() ;
// loadGrid3Data() ;
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
viewport 엿보기이런 전체적인 요소에 따라 서로 다른 설비에 제품의 표시가 완전하지 않고 위치가 틀리며 축소될 수 있다.이런 상황을 피하기 위해 사파리가 먼저 메타-viewport 라벨을 정의했는데 그 역할은 디자이너가 수동으로 브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.