root/sandbox/mapgears/geoext.ux/ux/WMSBrowser/examples/WMSBrowserInWindowExample.js

var WMSBrowser, mapPanel, browserWindow, tree;

//OpenLayers.ProxyHost = "./proxy.php?url=";

Ext.onReady(function() {

    Ext.QuickTips.init();

    var actions = [];

    var action = new Ext.Action({
      text: 'WMSBrowser',
      handler: openWindow,
      scope: this,
      tooltip: OpenLayers.i18n('Add currently selected layers')
    });
    actions.push(action);

    var options = {
        projection: new OpenLayers.Projection("EPSG:900913"),
        displayProjection: new OpenLayers.Projection("EPSG:4326"),
        units: "m",
        numZoomLevels: 18,
        maxResolution: 156543.0339,
        maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
                                         20037508, 20037508.34)
    };
    map = new OpenLayers.Map('map', options);

    mapPanel = new GeoExt.MapPanel({
        region: "center",
        layers: [
            new OpenLayers.Layer.Google("Google Physical",{'sphericalMercator': true, type: G_PHYSICAL_MAP})
        ],
        map: map,
        tbar: new Ext.Toolbar(actions)
    });

    tree = new Ext.tree.TreePanel({
        region: 'east',
        root: new GeoExt.tree.LayerContainer({
            text: 'Map Layers',
            layerStore: mapPanel.layers,
            leaf: false,
            expanded: true
        }),
        enableDD: true,
        width: 170
    });

    new Ext.Panel({
        renderTo: "content",
        layout: "border",
        width: 570,
        height: 350,
        items: [mapPanel, tree]
    });

    map.setCenter(new OpenLayers.LonLat(-10762333.581055,5968203.1676758), 2);
});

var openWindow = function() {
    if(!browserWindow) {
        WMSBrowser = new GeoExt.ux.WMSBrowser({
            border: false,
            region: "east",
            gridPanelOptions: {'height': 260},
            // comment the below line to have a 'textfield' instead of a 
            // 'combobox'.  oServerStore is in ./store.js
            serverStore: oServerStore,
            mapPanel: mapPanel
        });

        browserWindow = new Ext.Window({
            resizable: false,
            modal: true,
            closeAction: 'hide',
            width: 600,
            height: 400,
            title: OpenLayers.i18n("WMSBrowser"),
            layout: 'fit',
            items: [WMSBrowser]
        });
    }

    browserWindow.show();

};