DevExtreme のグリッドをワードプレスに追加する方法を見つけようとしています。
これは、ワードプレスに追加しようとしているものの例です。
functions.php ファイルに wp_enqueue_script を使用してスクリプトを追加し、すべてのページが読み込まれるようにしました。
今、データ部分を追加する方法を理解しようとしています
現在、コード、マークアップ、およびデータを追加できる場所を見つけようとしています。これらの各ピースは、ロードごとに異なります。
これをどこに置くことができるかについて誰か提案がありますか?
どうもありがとう!
<div id="gridContainer"></div>
$("#gridContainer").dxDataGrid({
dataSource: customers,
paging: {
pageSize: 10
},
pager: {
showPageSizeSelector: true,
allowedPageSizes: [5, 10, 20]
},
columns: ['CompanyName', 'City', 'State', 'Phone', 'Fax']
});
と
var customers = [{
"ID": 1,
"CompanyName": "Super Mart of the West",
"Address": "702 SW 8th Street",
"City": "Bentonville",
"State": "Arkansas",
"Zipcode": 72716,
"Phone": "(800) 555-2797",
"Fax": "(800) 555-2171",
"Website": ""
}, {
"ID": 2,
"CompanyName": "Electronics Depot",
"Address": "2455 Paces Ferry Road NW",
"City": "Atlanta",
"State": "Georgia",
"Zipcode": 30339,
"Phone": "(800) 595-3232",
"Fax": "(800) 595-3231",
"Website": ""
}]