使用 Angular Gridster 2 自定義網格布局
[英]Custom grid layout with Angular Gridster 2
我想在 Angular 項目中制作網格布局。 布局應如下所示： 到目前為止，這是我的代碼： 我的問題：這是構建此布局的正確方法嗎？ 使用像 1.5 cols 這樣的值可以嗎？ 我不太確定。 有人可以就這個問題給我建議嗎？ ...
angular-gridster2.mjs，錯誤：在“rxjs”中找不到導出“debounceTime”（導入為“debounceTime”）
[英]angular-gridster2.mjs , Error: export 'debounceTime' (imported as 'debounceTime') was not found in 'rxjs'
我已將角度版本從 12 升級到 14。 之后我收到了很多錯誤，我都解決了，但最后我因為以下錯誤而不確定我應該做什么。 angular-gridster2.mjs 是已安裝並位於節點模塊中的軟件包之一。 我還更新了 rxjs 和 rxjs-compat 如下： 有沒有人知道可能是什么問題？ 我試 ...
如何在單擊按鈕時動態加載帶有 Chart.js 的 gridster？
[英]How to load gridster with Chart.js dynamically on clicking a button?
我想制作一個動態儀表板來顯示信息，並能夠選擇圖表來表示它。 在我的項目中，我連接了angular-gridster2包以使用動態網格https://www.npmjs.com/package/angular-gridster2 。 我使用Chart.js庫來處理圖表。 對於模塊的動態插入，我使 ...
如何限制 DisplayGrid.Always 只顯示 maxCols 和 maxRows
[英]How to restrict DisplayGrid.Always to show only maxCols and maxRows
我想限制網格線只出現在我在配置中指定的最大行數和列數（12*12），但是我可以看到比指定布局更多的網格線，這讓用戶感到困惑。 這是配置 ...
有沒有辦法為僅在 gridster 內拖動元素設置邊界？
[英]Is there a way to set a boundary for dragging element only inside gridster?
有沒有辦法在 Gridster 上設置邊界？ 現在我有一個行為，即 gridster 項目從網格中移出一半。 我希望有一個邊界，並且當您到達 Gridster div 的末尾時，立即停止/不允許拖動它。 所以那個項目總是完全可見的。 和內部網格。 在下面的屏幕截圖中是錯誤的行為，該項目應該只允許向 ...
拖動后我可以獲取gridster2中的項目索引嗎
[英]Can I get index of items in gridster2 after dragging
有什么方法可以獲取索引。 我嘗試了 itemChangeCallback - 它給了我 2 次相互交換但它沒有給我它們的索引 ...
Angular Gridster2：調整大小后如何觸發項目中的功能？
[英]Angular Gridster2: How do I trigger a function in item after resize?
在調整 GridsterItem 的大小后，我想在我的小部件組件中觸發一個函數。 我怎么做？ 我知道 Gridster2 在調整大小完成后有事件回調，但是如何使用它來觸發我的小部件組件上的某些東西？ 在我的布局組件中： 在我的小部件組件中： ...
Angular Gridster2 如何將所有項目導出為 PDF？
[英]Angular Gridster2 how to export all items to a PDF?
我們有一個在 gridster2 中制作的角度應用程序儀表板。 它包含幾個小部件，我們希望所有小部件都應該導出為 A4 大小的 pdf。 哪些庫可以幫助我們做到這一點。 我們嘗試過 convas2html，它不是生產就緒的，當頁面很長時會卡住。 ...
元素隱式具有“任何”類型，因為“任何”類型的表達式不能用於索引類型，任何人都可以告訴我
[英]Element implicitly has an 'any' type because expression of type 'any' can't be used to index type any one can tell me
你好我正在對gridster2做動態組件，我在“組件[this.componentRef];”中有問題向我顯示此錯誤：元素隱含地具有“任何”類型，因為“任何”類型的表達式不能用於索引類型“{ example1：typeof Example1Component; 示例 2：示例 2 組件的類型； } ...
在移動斷點之后在angular-gridster2中從左到右排序gridster項目
[英]Order gridster items from left to right in angular-gridster2 after mobile breakpoint
我已經實現了 angular-gridster2 來保存幾個小部件。 它們都工作正常並且在瀏覽器中顯示時就位。 但是當在移動視圖中使用相同的視圖時，它們會一個一個地堆疊在一起，只有一列這很好，但問題是項目的順序是隨機的。 有沒有一種可能的方法可以在 web 視圖中按照從左到右的 position 對 ...
單擊角度按鈕時如何更改 gridster2 選項值
[英]How to change the gridster2 options value when clicking the button in angular
這是代碼和輸出： https : //stackblitz.com/edit/d3-angular-gridster2-working-axhc7u?file=src%2Fapp%2Fgrid%2Fgrid.component.html 網格-HTML 網格傳輸系統 我在這里要做的是啟用e ...
如何使用gridster2以角度修復cellclickable
[英]How to fix the cellclickable in angular using gridster2
版本：^9.3.3 HTML <button (click)="toggleEditing()">{ editing ? 'cancel' : 'editing' }</button> <button>ADD</button> ...
如何修復角度網格附加數據
[英]How to fix the angular gridster appending data
這是代碼： 應用程序組件.html app.component.ts 子組件line.component.ts 這里的問題是添加新數據后，當我單擊取消，然后當我嘗試單擊編輯按鈕時，它會自動附加新數據。 相反，儀表板數組將為空。 這是代碼和輸出： https : //stackbli ...
在多個選項卡中使用 Gridster？
[英]Using Gridster in Multiple Tab?
我想在 angular 8 中使用 angular-gridster2 創建多個儀表板。我有多個標簽，每個標簽中都有 gridster。 我面臨多個標簽的這些問題。 假設 tab1 gridster 有 3 個項目，而 tab2 gridster 有 2 個項目，當我從 tab1 移動到 tab2 ...
Gridster 肖像重新布局
[英]Gridster Portrait relayout
我正在使用 angular-gridster2 來顯示網格，我希望它縮小列數並在用戶旋轉屏幕時嘗試最適合的重新布局。 我可以更新 maxCols 並減小小部件的大小，但它似乎沒有響應，這不是庫的常見用途嗎？ 有其他選擇嗎？ ...
Angular Gridster-2 可重新拖動和調整大小
[英]Angular Gridster-2 Redraggable and Resize
我是 Angular Gridster 2 的新手 如果我們能夠使用 angular gridster 2 顯示已經開發的圖表，請告訴我，我也希望看到相同的方法。 由於我的 UI 有 5 個不同的 div 塊，並且在每個 div 塊中都顯示了一張卡片.. 加載頁面后，如何使用 angular gr ...
切換材質側邊欄時，Gridster2網格不調整項目大小
[英]Gridster2 grid not resizing items when toggling material sidebar
我有一個使用 Gridster2 從材料側邊欄項導航的網格。 側邊欄已打開，但是，每當我切換側邊欄（隱藏它）時，gridster 不會調整項目的大小，直到我強制刷新。 有沒有辦法讓它“自動”刷新？ To reproduce it, just go to https://tiberiuzuld.gi ...
調整瀏覽器 window 大小時如何更改列數？
[英]How to change columns number when resizing browser window?
我正在使用矩形卡片創建板，並且正在使用 angular-gridster2 庫。 我正在使用 VerticalFixed 網格類型並默認它具有三個列。 是否可以設置斷點並為某些瀏覽器寬度設置兩列？ ...
修復柵格容器
[英]Fix gridster container
我在我的angular 6應用程序中使用angular-gridster2。 每當我拖動網格時，它就會超出容器。 我想限制網格移出容器。 我嘗試給gridType：'fit'。 但它不起作用。 ...
mat-side-nav 和 gridster2 的調整大小問題
[英]Resizing issue with mat-side-nav and gridster2
當我切換 Side-Nav 時，我等待響應然后調用gridster.resize() ： 這是一個完整的堆棧閃電戰示例。 確保應用程序窗口足夠寬，以便 gridster 顯示桌面布局- 或者更好地在新窗口中打開應用程序。 這是一個例子： 當我啟動應用程序時，我的 gridster 項目磁貼的 ...