angular-gridster2中有可扩展的功能吗?

时间:2019-05-14 06:31:46

标签: angular gridster angular-gridster2

我一直在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。希望获得帮助:)

0 个答案:

没有答案