Question

我想弄清楚如何将DevExtreme的网格添加到wordpress。

以下是我要添加到wordpress的示例。

http://js.devexpress.com/Demos/WidgetsGallery/#demo/datagridgridpagingandscrollingpager/generic/light/default

我已经使用wp_enqueue_script在functions.php文件中添加了脚本，因此这将加载所有页面。

现在我想弄清楚如何添加数据部分

我现在正试图弄清楚我可以在哪里添加代码，标记和数据。每个负载上的每个部件都不同。

有没有人对我在哪里提出这个建议？

非常感谢你！

<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": ""
}]

Answer 1

在我看来，您可能需要一个自定义的帖子类型或自定义字段，允许您输入和管理以下字段：“CompanyName”“Address”“City”“State”“Zipcode”“Phone”“Fax”“Website “

请参阅http://codex.wordpress.org/Post_Types

除非这些字段与帖子相关联，否则我不知道如何管理它们，网格或其他方式！

Answer 2

我已经找到了大部分答案。我仍然遇到与主题的一些CSS冲突。

本文对将组件集成到那里有很大帮助。

http://www.jqwidgets.com/jquery-widgets-documentation/documentation/wordpress/wordpress.htm

将DevExtreme Grid添加到Wordpress

2 个答案: