Example サイト
http://www.geoext.org/examples.html
「Attribute Store & Reader」リンクをクリックすると AttributeReader and AttributeStore が表示されます。
attributes.js. を参考にします。
説明を意訳すると、WFS DescribeFeatureType レスポンスから読み取られたレコードで AttributeStore を作成する方法を示します。
var store;
Ext.onReady(function() {
// create a new attributes store
store = new GeoExt.data.AttributeStore({
// url: "data/describe_feature_type.xml"
url: "./mapserver_gyoseikai_DFT.xml" // gyoseikai の DescribeFeatureType データ
});
store.load();
// create a grid to display records from the store
var grid = new Ext.grid.GridPanel({
title: "Feature Attributes",
store: store,
cm: new Ext.grid.ColumnModel([
{id: "name", header: "Name", dataIndex: "name", sortable: true},
{id: "type", header: "Type", dataIndex: "type", sortable: true}
]),
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
autoExpandColumn: "name",
renderTo: document.body,
height: 300,
width: 350
});
});
HTML ファイルを新規作成します。
「openlayersTokyoproj」 を右クリックして 新規 -> HTML ファイル をクリック。
「HTML ファイル」ウィンドウの「ファイル名（任意：geoext12_attributes.html）」に入力して「完了」ボタンをクリック。
「charset」を「utf-8」にします。
以下のように HTML を作成します。
geoext11_attr-form.html をコピーし、外部 JavaScript 読み込みファイルを修正し body タグ内には何も設定しません。
---
<title>GeoExt12 Attribute Store & Reader</title>
---
<!-- attributes.js 追加 -->
<script type="text/javascript" src="./attributes.js"></script>
</head>
<body>
<h1 id="title">GeoExt 12 - Attribute Store & Reader</h1>
<p id="shortdesc">
AttributeReader and AttributeStore
</p>
<p>This is example that shows how create an AttributeStore with records
read from a WFS DescribeFeatureType response.</p>
<p>これは、WFS DescribeFeatureType レスポンスから読み取られたレコードで
AttributeStore を作成する方法を示す例です。</p>
</body>
</html>
0 件のコメント:
コメントを投稿