我一直在Angular 6中寻找一个好的gridster开源库。到目前为止,angular-gridster2是最适合我们需求的应用。链接:https://github.com/tiberiuzuld/angular-gridster2/tree/6.x
尽管我担心的是,是否可以在此库中扩展面板? 也许是这样的:https://dsmorse.github.io/gridster.js/demos/expandable-widgets.html-尽管此插件在jquery中。
我检查了提供的所有选项,并希望我可以自定义该库。
这是我当前的选择:
this.options = {
gridType: GridType.Fit,
compactType: CompactType.CompactUp,
margin: 10,
outerMargin: true,
outerMarginTop: null,
outerMarginRight: null,
outerMarginBottom: null,
outerMarginLeft: null,
mobileBreakpoint: 640,
minCols: 1,
maxCols: 100,
minRows: 1,
maxRows: 100,
maxItemCols: 100,
minItemCols: 1,
maxItemRows: 100,
minItemRows: 1,
maxItemArea: 2500,
minItemArea: 1,
defaultItemCols: 1,
defaultItemRows: 1,
fixedColWidth: 105,
fixedRowHeight: 105,
keepFixedHeightInMobile: false,
keepFixedWidthInMobile: false,
scrollSensitivity: 10,
scrollSpeed: 20,
enableEmptyCellClick: false,
enableEmptyCellContextMenu: false,
enableEmptyCellDrop: false,
enableEmptyCellDrag: false,
emptyCellDragMaxCols: 50,
emptyCellDragMaxRows: 50,
ignoreMarginInRow: false,
draggable: {
enabled: true,
},
resizable: {
enabled: true,
},
swap: false,
pushItems: true,
disablePushOnDrag: false,
disablePushOnResize: false,
pushDirections: { north: true, east: true, south: true, west: true },
pushResizeItems: false,
displayGrid: DisplayGrid.Always,
disableWindowResize: false,
disableWarnings: false,
scrollToNewItems: false
};
只是想知道是否可以在gridster2中提供的当前选项中实现此功能?刚开始使用angular和angular-gridster。希望获得帮助:)