页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

代码块
languagejs
title自定义导出弹窗
linenumberstrue
collapsetrue
// MyExportSettingDialogHandler.js
import SmartbiBIExt from 'smartbi-ext'
// MyExportSettingDialog.vue的代码自由发挥, 不再详细展示
import MyExportSettingDialog from './MyExportSettingDialog.vue'
const layer = SmartbiBIExt.InterfaceObject.IGlobal.getLayer()

export default {
	open (parent, exportSetting, callback) {
		this.layerId = layer.iframe('导出弹窗', {
			content: {
				content: MyExportSettingDialog,
				parent,
				data: { // 传递给MyExportSettingDialog的数据
                    setting: exportSetting,
					apply: (exportSetting) => {
						callback(exportSetting)
						this.close()
					},
					cancel: () => {
						this.close()
					}
				}
			}
		})
	},
	close () {
		layer.close(this.layerId)
	}
}

...

代码块
languagejs
title定制组件导出弹窗示例
linenumberstrue
collapsetrue
import SmartBIExt from  'smartbi-ext'
// 在当前目录定义一个自己的导出弹窗
import MyExportSettingDialogHandler from './MyExportSettingDialogHandler.js'
let {
	DashModule: {
		DashEventEmum: {
			PAGE_ON_PORTLET_BEFORE_EXPORT
  	 	},
   		BaseDashExtender
  	}
} = SmartBIExt
class DashInterfaceExtension extends BaseDashExtender {
  	install () {
    	this.on(PAGE_ON_PORTLET_BEFORE_EXPORT, (iPage, { portletId, exportType }) => {
      		// 获取默认的导出设置
      		let setting = iPage.execGenerateExportSetting({ portletId, exportType })
	  		MyExportSettingDialogHandler.open(this, setting, (setting) => {
				iPage.execExportWithSetting({ exportType, portletId, setting })
			})
    	})
  	}
}
export default DashInterfaceExtension

...

代码块
languagejs
title定制页面导出弹窗示例
linenumberstrue
collapsetrue
import SmartBIExt from  'smartbi-ext'
// 在当前目录定义一个自己的导出弹窗
import MyExportSettingDialogHandler from './MyExportSettingDialogHandler.js'
let {
	DashModule: {
		DashEventEmum: {
			PAGE_ON_BEFORE_EXPORT
  	 	},
   		BaseDashExtender
  	}
} = SmartBIExt
class DashInterfaceExtension extends BaseDashExtender {
  	install () {
    	this.on(PAGE_ON_BEFORE_EXPORT, (iPage, { exportType }) => {
      		// 获取默认的导出设置
      		let setting = iPage.execGenerateExportSetting({ exportType })
	  		MyExportSettingDialogHandler.open(this, setting, (setting) => {
				iPage.execExportWithSetting({ exportType, setting })
			})
    	})
  	}
}
export default DashInterfaceExtension

...