/*
* Ext JS Library 2.3.0
* Copyright(c) 2006-2009, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.onReady(function() {
// NOTE: This is an example showing simple state management. During development,
// it is generally best to disable state management as dynamically-generated ids
// can change across page loads, leading to unpredictable results. The developer
// should ensure that stable state ids are set for stateful components in real apps.
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
// create some portlet tools using built in Ext tool ids
var tools = [{
id: 'gear',
handler: function() {
Ext.Msg.alert('Message', 'The Settings tool was clicked.');
}
}, {
id: 'close',
handler: function(e, target, panel) {
panel.ownerCt.remove(panel, true);
}
}];
var viewport = new Ext.Viewport({
layout: 'border', margins: '0 0 0 0',
items: [
{
region: 'north',
height: 60, // give north and south regions a height
tag: 'div',
html: '
'
}, {
region: 'west',
id: 'west-panel',
title: 'where-in-thailand.com',
iconCls: 'bookmark',
split: true,
width: 220,
//width: 300,
minSize: 175,
maxSize: 400,
collapsible: true,
margins: '0 0 0 0',
cmargins: '0 0 0 0',
layout: 'accordion',
layoutConfig: { animate: true },
items: [
/* {
title: 'สถานที่ท่องเที่ยว',
autoScroll: true,
border: false,
iconCls: 'ihome',
html: '