Le portail francophone de la géomatique

//// Règles d'affichage
    var rules = [
            new OpenLayers.Rule({
            title: "artisanale",
            filter: new OpenLayers.Filter.Comparison({
                type: OpenLayers.Filter.Comparison.EQUAL_TO,
                property: "tzv_p_id",
                value: 5
            }),
            symbolizer: {
                graphicName: "circle",
                pointRadius: 4,
                fillColor: "#cccccc", //// Couleur de remplissage
                strokeColor: "#666666", //// Couleur du filet
                strokeWidth: 1
                }
            })
        ];


        //// Couche Vector
        layerVector = new OpenLayers.Layer.Vector("Vocations",
        {
            strategies: [
                new OpenLayers.Strategy.Fixed() 
            ],
              protocol: new OpenLayers.Protocol.HTTP({
                   url: wms_server_url,
                   params: {
                        format: "WFS",
                        service: "WFS",
                        request: "GetFeature",
                        srsName: "EPSG:27582",
                        version: "1.0.0",
                        typename : 'vocations'
                   },
                   format: new OpenLayers.Format.GML()
              }),
              styleMap:new OpenLayers.StyleMap(
                new OpenLayers.Style({}, {rules: rules})
              )
        },
        {
            extractAttributes:true,
            displayInLayerSwitcher: true,  
            visibility: true
        });

        ////
        map.addLayers([layerVector]);

   var protocol = new OpenLayers.Protocol({
        read: function(options) {
            var f; html = [];

           /* f = options.filter;
            html.push([f.CLASS_NAME, ",", f.type, "<br />"].join(" "));

            f = options.filter.filters[0];
            html.push([f.CLASS_NAME, ",", f.type, ",",
                       f.property, ":", f.value, "<br />"].join(" "));

            f = options.filter.filters[1];
            html.push([f.CLASS_NAME, ",", f.type, ", ",
                       f.property, ": ", f.value].join(" "));

            Ext.get("filter").update(html.join(""));*/

            
            f = options.filter.filters[0];    

            layerVector.refresh();
            //layerVector.redraw();
            
                  //// Pour test
            alert (f.value);
        }

    });


   formPanel = new GeoExt.form.FormPanel({
        border: true,
        width: 300,
        height: 200 ,
        floating: true,
        x: 615,
        y: 210,
        protocol: protocol,
        items: [{
            xtype: "textfield",
            name: "tzv_p_id",
            value: "4",
            fieldLabel: "id de la vocation"
        }],
        listeners: {
            actioncomplete: function(form, action) {
                // this listener triggers when the search request
                // is complete, the OpenLayers.Protocol.Response
                // resulting from the request is available
                // through "action.response"
            }
        }
    });

    formPanel.addButton({
        text: "search",
        handler: function() {
            // trigger search request, the options passed to doAction
            // are passed to the protocol's read method, so one
            // can register a read callback here
            var o = {
                callback: function(response) {
                }
            };
            this.search(o);
        },
        scope: formPanel
    });

    formPanel.render("formpanel");