页面树结构
转至元数据结尾
转至元数据起始

接口说明文档:https://smartbi.feishu.cn/docx/AdlLdoZDGo8ZNMxoX6wc71m8nGg


BaseDetailedQueryExtender 基类

即席查询扩展点需继承此类,在自定义的 Extender 类中可通过 this 指针调用 BaseDetailedQueryExtender 中的方法

名称参数返回值说明
方法on事件、事件回调-添加接口监听事件

二开接口

DETAILED_QUERY_ON_INIT

触发时机:即席查询界面初始化时

作用:暂无对外接口

名称类型说明
输入参数dQueryImplIDetailedQuery即席查询对象

D_QUERY_DATA_PANEL_ON_INIT

触发时机:右侧数据来源选择面板初始化时

作用:对下拉菜单进行加减、禁用切换数据源

名称类型说明
输入参数dQueryDataPanelImplIDQueryDataPanel数据来源面板对象

示例代码

this.on(D_QUERY_DATA_PANEL_ON_INIT, async (dQueryDataPanelImpl) => {
        // 禁止切换数据集
        if (!dQueryDataPanelImpl.getCurrentDatasetId()) {
                dQueryDataPanelImpl.setSelectDatasetDisabled(true)
        }
        // 屏蔽数据面板下拉部分菜单
        dQueryDataPanelImpl.setDropDownBtnsFilter(menu => {
                // 屏蔽编辑和切换数据集菜单
                return menu.id !== 'EDIT' && menu.id !== 'SWITCH_DATASET'
        })
    })
  }

D_QUERY_SAVE_DIALOG_ON_INIT

触发时机:保存弹窗初始化时

作用:指定用户的可保存的目录

名称类型说明
输入参数saveDialogImplISaveDialog保存弹窗对象

示例代码

this.on(D_QUERY_SAVE_DIALOG_ON_INIT, async (saveDialogImpl) => {
    saveDialogImpl.setNodeFilter((node) => {
      return node.id != 'PUBLIC_ANALYSIS'
    })
  })

D_QUERY_DATASET_SELECTOR_ON_INIT

触发时机:右侧数据来源选择面板初始化时

作用:对数据来源选择进行限制

名称类型说明
输入参数dQueryDatasetSelectorImplIDQueryDatasetSelector选择数据集弹窗对象

示例代码

this.on(D_QUERY_DATASET_SELECTOR_ON_INIT, async (dQueryDatasetSelectorImpl) => {
   dQueryDatasetSelectorImpl.setRootNodeId('DEFAULT_TREENODE')
}

D_QUERY_TOOLBAR_ON_INIT

触发时机:工具栏初始化时

作用:对工具栏增加自定义项,删除某项

名称类型说明
输入参数toolbarImplIDQueryToolbar工具栏对象

示例代码

this.on(D_QUERY_TOOLBAR_ON_INIT, async (toolbarImpl) => {
    // 添加自定义按钮
    toolbarImpl.addItem({
        id: 'test',
        label: '自定义按钮',
        icon: 'sx-icon-data-panel-toggle',
        handler: () => {
            alert('点击自定义按钮')
        }
    })
 })

D_QUERY_ON_BEFORE_EXPORT_DIALOG

触发时机:打开导出弹窗前

作用:预设导出弹窗里选项的默认值, 可编辑性, 可见性, 或阻止弹窗

名称类型说明
输入参数dQueryImplIDetailedQuery即席查询对象
optionsObject选项
options.openDialogBoolean是否打开导出弹窗, 设置为false可阻止弹窗打开
options.propsObject弹窗设置, props都是有值的, 开发时可console打印查看
options.props.exportTypeString导出类型, CSV或EXCEL, 不允许修改
options.props.visiblesMap<选项key, Boolean>配置选项的可见性, 选项key见ExportSetting. 设为false就不显示在弹窗中
options.props.disablesMap<选项key, Boolean>配置选项的可编辑性, 选项key见ExportSetting. 设为true就在弹窗中是不可编辑的
options.props.defaultValueExportSetting导出选项默认值

示例代码

// 不显示导出弹窗
this.on(D_QUERY_ON_BEFORE_EXPORT_DIALOG, (dQueryImpl, options) => {
  // 如果默认值有"导出过滤条件", 设置默认不导出
  if (options.props.defaultValue.exportFilters !== undefined) {
      options.props.defaultValue.exportFilters = 'false';
  }
  options.openDialog = false; // 不显示导出弹窗
})

D_QUERY_ON_BEFORE_EXPORT

触发时机:导出动作执行前 (如点击导出下拉菜单的EXCEL选项)

作用:阻止系统默认的导出实现, 定制自己的导出

名称类型说明
输入参数dQueryImplIDetailedQuery即席查询对象
optionsObject选项
options.exportTypeString导出类型, CSV或EXCEL

示例代码

// 定制导出弹窗
this.on(D_QUERY_ON_BEFORE_EXPORT, (dQueryImpl, { exportType }) => {
  // 获取默认的导出设置
  let setting = dQueryImpl.execGenerateExportSetting({ exportType })
  // 使用prompt弹窗询问文件名
  let fileName = prompt('请输入文件名', "定制组件导出弹窗");
  if (fileName === null) {
    // 取消导出
    return;
  }
  if (fileName === '') {
    // 不输入文件名
    return;
  }
  setting.fileName = fileName;
  // 调用系统导出
  dQueryImpl.execExportWithSetting({ exportType, setting })
})

接口对象

IDetailedQuery(即席查询界面)

见: IDetailedQuery

IDQueryDataPanel(数据面板)

IDQueryDataPanel 继承 IDatasetPanel

ISaveDialog(保存弹窗)

见:ISaveDialog

IDQueryDatasetSelector(选择数据集弹窗)

IDQueryDatasetSelector 继承 IDatasetSelector

IDQueryToolbar(工具栏)

IDQueryToolbar 继承 IBaseToolbar

二次开发示例

【即席查询】二次开发示例

  • 无标签