dojo gridx 在表格底下加一段文字
可以通过以下步骤在Gridx表格底部添加文本:
-
在Gridx的容器中添加一个div元素,用于放置文本。
-
在Gridx配置对象中添加一个footer属性,并将其设置为true。
-
在Gridx配置对象中添加一个footerContent属性,并将其设置为要显示的文本。
以下是代码示例:
<div id="gridContainer">
<div id="grid"></div>
<div id="footer"></div>
</div>
<script>
require([
"gridx/Grid",
"gridx/modules/ColumnResizer",
"gridx/modules/Filter",
"gridx/modules/Sort",
"gridx/modules/Pagination",
"gridx/modules/CellWidget",
"gridx/modules/RowHeader",
"gridx/modules/extendedSelectRow",
"gridx/modules/SingleSort",
"gridx/modules/ColumnLock",
"gridx/modules/Summary",
"gridx/modules/ToolBar",
"dojo/domReady!"
], function(Grid, ColumnResizer, Filter, Sort, Pagination, CellWidget, RowHeader, extendedSelectRow, SingleSort, ColumnLock, Summary, ToolBar) {
var grid = new Grid({
id: "grid",
cacheClass: 'gridx/core/model/cache/Async',
store: store,
structure: [
{id: 'id', field: 'id', name: 'ID', width: '50px', sortable: true},
{id: 'name', field: 'name', name: 'Name', width: '150px', sortable: true},
{id: 'age', field: 'age', name: 'Age', width: '50px', sortable: true},
{id: 'gender', field: 'gender', name: 'Gender', width: '50px', sortable: true},
{id: 'email', field: 'email', name: 'Email', width: '150px', sortable: true}
],
modules: [
ColumnResizer,
Filter,
Sort,
Pagination,
CellWidget,
RowHeader,
extendedSelectRow,
SingleSort,
ColumnLock,
Summary,
ToolBar
],
footer: true,
footerContent: "This is the footer text"
});
grid.placeAt("gridContainer");
grid.startup();
});
</script>
在上面的示例中,我们在Gridx容器中添加了一个div元素,用于放置文本。然后在Gridx配置对象中设置了footer属性和footerContent属性,以显示文本
原文地址: https://www.cveoy.top/t/topic/haEV 著作权归作者所有。请勿转载和采集!