Le portail francophone de la géomatique

//Info control, a "button" control
action = new GeoExt.Action({
    control: new OpenLayers.Control.WMSGetFeatureInfo({
        url: 'http://[serveur]/geoserver/wms',
        title: 'Identify features by clicking',
        queryVisible: true,
        eventListeners: {
            getfeatureinfo: function (event) {
                var output = event.text,
                    idialog = new Ext.Window({
                        title: "Feature Info",
                        layout: "fit",
                        //autoHeight: true,
                        width: 800,
                        Height: 600,
                        plain: true,
                        constrain: true,
                        items: [{
                            border: true,
                            bodyStyle: {
                                padding: 5,
                                fontSize: 13
                            },
                            html: output
                        }]
                    });
                idialog.show();
            }
        },
        out: true
    }),
    tooltip: 'Info: click in the map to get object attribute info',
    map: map,
    iconCls: 'info',
    toggleGroup: 'map'
});

// create a new WMS capabilities store
var store = new GeoExt.data.WMSCapabilitiesStore({
    url: "http://[serveur]/geoserver/wms?request=getCapabilities"
});
// load the store with records derived from the doc at the above url
store.load();

//*************************
//***     Grid Config        ***
//*************************
var xg = Ext.grid;
// row expander

var expander = new Ext.grid.RowExpander({
    tpl: new Ext.Template("<p><b>Abstract :</b> {abstract}</p>")
});
var sm = new xg.CheckboxSelectionModel();
//var sm = new xg.RowSelectionModel({singleSelect:true});
// create a grid to display records from the store
var grid = new xg.GridPanel({
    store: store,
    plugins: [expander],
    cm: new xg.ColumnModel({
        defaults: {
            width: 120,
            sortable: true
        },
        columns: [
        expander, sm,
        {
            header: "Name",
            dataIndex: "name",
            sortable: true
        },
        //{header: "Workspace", dataIndex: "name", , sortable: true},
        {
            id: "title",
            header: "Title",
            dataIndex: "title",
            sortable: true
        }]
    }),
    sm: sm,
    autoExpandColumn: "title",
    height: 300,
    width: 650,
    floating: false,
    x: 10,
    y: 0,
    bbar: ["->",
    {
        //text:"Add Layers",iconCls:"icon-addlayers"
        tooltip: "Add Layer to the map",
        iconCls: "mapadd",
        handler: function () {
            var record = grid.getSelectionModel().getSelected();
            if (record) {
                var copy = record.copy();
                // Ext 3.X does not allow circular references in objects passed 
                // to record.set 
                copy.data["layer"] = record.get("layer");
                copy.get("layer").mergeNewParams({
                    format: "image/png",
                    transparent: "true"
                }, {
                    isBaseLayer: false,
                    buffer: 0
                });
                mapPanel.layers.add(copy);
                mapPanel.map.zoomToExtent(
                OpenLayers.Bounds.fromArray(copy.get("llbbox")));
            }
        },
        scope: this
    }]
});