Flexmonster 实时动态更新工具栏指南

// 假设您的HTML中有一个id为"pivot-container"的div
// <div id="pivot-container"></div>

// 1. 初始化 Flexmonster 实例
const pivot = new Flexmonster({
  container: "pivot-container",
  toolbar: true, // 确保工具栏已启用
  // ... 其他配置，如报表数据源等
  report: {
    dataSource: {
      data: [
        { Category: "Electronics", Price: 1200, Quantity: 2 },
        { Category: "Books", Price: 25, Quantity: 10 },
        { Category: "Electronics", Price: 800, Quantity: 3 },
        { Category: "Books", Price: 30, Quantity: 5 }
      ]
    },
    slice: {
      rows: [{ uniqueName: "Category" }],
      columns: [{ uniqueName: "[Measures]" }],
      measures: [{ uniqueName: "Price", aggregation: "sum" }]
    }
  }
});

// 2. 定义一个函数来更新工具栏
function updateFlexmonsterToolbar() {
  // 获取当前工具栏的tabs数组
  let currentTabs = pivot.toolbar.getTabs();

  // 示例：修改tabs数组，例如移除ID为"fm-tab-connect"的连接标签页
  // 如果您有自定义菜单，可以在这里找到您的自定义按钮tab，然后修改其menu数组
  const updatedTabs = currentTabs.filter(tab => tab.id !== "fm-tab-connect");

  // 示例：添加一个自定义按钮（如果需要）
  // const customTab = {
  //   id: "fm-tab-custom",
  //   title: "自定义操作",
  //   handler: () => alert("自定义操作被点击！"),
  //   icon: "fm-icon-folder" // 可以使用Flexmonster内置图标或自定义图标
  // };
  // updatedTabs.push(customTab);

  // 示例：修改一个现有自定义菜单中的项
  // 假设有一个id为"your-custom-button-id"的自定义按钮
  // const customButtonTab = updatedTabs.find(tab => tab.id === "your-custom-button-id");
  // if (customButtonTab && customButtonTab.menu) {
  //   // 假设要从自定义菜单中移除一个项
  //   customButtonTab.menu = customButtonTab.menu.filter(item => item.id !== "item-to-remove");
  //   // 假设要向自定义菜单中添加一个项
  //   customButtonTab.menu.push({ id: "new-item", label: "新菜单项", handler: () => console.log("新菜单项点击") });
  // }


  // 3. 使用 updateTabs 方法应用修改
  pivot.toolbar.updateTabs(updatedTabs);

  console.log("Flexmonster 工具栏已更新。");
}

// 4. 在需要时调用更新函数
// 例如，在数据保存成功后，或者某个用户权限发生变化后
// 确保pivot实例已准备就绪，最好在on("ready")回调中调用
pivot.on("ready", function() {
  // 初始加载完成后，更新一次工具栏
  updateFlexmonsterToolbar();

  // 假设您有一个事件监听器，当数据保存后触发此函数
  // 例如：document.getElementById("saveButton").addEventListener("click", () => {
  //   // 执行保存数据的逻辑
  //   // ...
  //   // 保存成功后更新工具栏
  //   updateFlexmonsterToolbar();
  // });
});