36 - GeoEXT を使用した WFS-T 12 - 選択したレイヤの編集 3

36-12-3 選択したレイヤのフィーチャと属性の編集
選択したレイヤのフィーチャの作成（draw）と編集（modify, delete）と、属性の編集ができるようにします。
3.2. Editing Features and Their Attributes（http://workshops.boundlessgeo.com/geoext/wfs/editing.html）の「Bonus Task」を参考に、一部を修正します。

---

function reconfigure(store, url) {
 var fields = [], columns = [], geometryName, geometryType;
 // regular expression to detect the geometry column
 var geomRegex = /gml:(Multi)?(Point|Line|Polygon|Surface|Geometry).*/;

 // mapping of xml schema data types to Ext JS data types
 var types = {
  "xsd:int": "int",
  "xsd:short": "int",
  "xsd:long": "int",
  "xsd:string": "string",
  "xsd:dateTime": "string",
  "xsd:double": "float",
  "xsd:decimal": "float",
  "Line": "Path",
  "Surface": "Polygon"
 };

 store.each(function(rec) {
  var type = rec.get("type");
  var name = rec.get("name");
  var match = geomRegex.exec(type);

  if (match) {
   // we found the geometry column
   geometryName = name;
   // Geometry type for the sketch handler:
   // match[2] is "Point", "Line", "Polygon", "Surface" or "Geometry"
   geometryType = types[match[2]] || match[2]; // 追加
  } else {
   // we have an attribute column
   fields.push({
    name: name,
    type: types[type]
   });

   columns.push({
    xtype: types[type] == "string" ?
     "gridcolumn" :
     "numbercolumn",
      dataIndex: name,
      header: name,
// ここから追加
      // textfield editor for strings, numberfield for others
      editor: {
       xtype: types[type] == "string" ?
        "textfield" :
        "numberfield"
      }
// ここまで
     });
    }
   });

   app.featureGrid.reconfigure(new GeoExt.data.FeatureStore({
    autoLoad: true,
    proxy: new GeoExt.data.ProtocolProxy({
     protocol: new OpenLayers.Protocol.WFS({
      url: url,
      version: "1.1.0",
      featureType: rawAttributeData.featureTypes[0].typeName,
      featureNS: rawAttributeData.targetNamespace,
//    srsName: "EPSG:4326",
      srsName: "EPSG:2451",
      geometryName: geometryName,
      maxFeatures: 250
     })
    }),
    fields: fields

   }), new Ext.grid.ColumnModel(columns));
   app.featureGrid.store.bind(vectorLayer);
   app.featureGrid.getSelectionModel().bind(vectorLayer);
// ここから追加
   // Set the correct sketch handler according to the geometryType
   drawControl.handler = new OpenLayers.Handler[geometryType](
    drawControl, drawControl.callbacks, drawControl.handlerOptions
   );
// ここまで
  }

  function setLayer(model, node) {
   if(!node || node.layer instanceof OpenLayers.Layer.Vector) {
    return;
   }
   vectorLayer.removeAllFeatures();
   app.featureGrid.reconfigure(
    new Ext.data.Store(),
    new Ext.grid.ColumnModel([])
   );
   var layer = node.layer;
   var url = layer.url.split("?")[0]; // the base url without params

   var schema = new GeoExt.data.AttributeStore({
    url: url,
    // request specific params
    baseParams: {
     "SERVICE": "WFS",
     "REQUEST": "DescribeFeatureType",
     "VERSION": "1.1.0",
     "TYPENAME": layer.params.LAYERS
    },
    autoLoad: true,
    listeners: {
     "load": function(store) {
       app.featureGrid.setTitle(layer.name);
       reconfigure(store, url);
     }
    }
   });
  }

  Ext.onReady(function() {
   app.tree.getSelectionModel().on(
    "selectionchange", setLayer
   );
  });

 </script>
---

 

参考 HTML ファイル

ol017bonus-nippon_bmi_akiruno_pgis.html