Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to edit object's attributes on WFS layer. I see this example but popup is horrible. I want to use ExtJs form to editing.
So how to edit attributes in this case?

share|improve this question
Do you know in advance what the feature attributes will be, or do you need to build the form dynamically? – CHenderson Jul 24 '12 at 8:57
I know what attributes get in advance. – Kliver Max Jul 24 '12 at 9:25
up vote 4 down vote accepted

At first need to create store

                          st = new{
                                    layer: myVecLayer,
                                    fields: [
                                        {name: 'id', type: 'int'}
                                     proxy: new{
                                        protocol: new OpenLayers.Protocol.WFS({
                                            version: "1.0.0",
                                            url: "http://localhost:8080/geoserver/wfs",
                                            featureType: "filedata_temp",
                                            featureNS: "",
                                    autoLoad: true

Then EditorGrid

    var cm = new Ext.grid.ColumnModel({
                columns: [
                    {header: "id", 
                     editor: new Ext.form.TextField({allowBlank: false})

var ed_tab = new Ext.grid.EditorGridPanel({
                store: st,
                region: 'center',
                    cm: cm,
                height: 200,
                    autoScroll: true,
                     xtype: 'tbbutton',
                     cls: 'x-btn-icon',
                     tooltip: "Сделать что то",
                     id: "something",
                     icon: url_servlet+'externals/gxp/src/theme/img/silk/delete.png',
                     handler: function(){

var x = new Ext.Window({

That all about attributes. To modifity geometry htere: Modify WFS with OpenLayers

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.