View Source

UI修改类

provider

可供调用的方法

作用

说明 & 示例

bi.provider.conf.list.report.item

addReportOperatorItems(

items: any[], position: number = 0

)

向主题下方的仪表板tab下拉项中注入自定义内容

可以用来修改注入主题内仪表板tab按钮的下拉的可选项（仪表板编辑界面有效）

e.g.
在当前下拉的第3项之后插入一个选项

BI.config('bi.provider.conf.list.report.item', (provider) => {
		provider.addReportOperatorItem([{
		text: "我是插入项",
		cls: 'inject-font',
		handler: function () {
			const refresh = this.attr("refresh"); // 获取刷新仪表板的方法
			const { id } = this.attr("reportInfo"); // 获取仪表板相关信息
			// do something
			refresh(); // 根据需要调用刷新
		},
	}], 3)
})

bi.provider.conf.list.widget.item

addWidgetOperatorItem(items: any[], position: number = 0)

向主题下方的组件tab下拉项中注入自定义内容

可以用来修改注入主题内组件tab按钮的下拉的可选（仪表板编辑界面有效）

e.g.
在当前下拉的第3项之后插入一个选项

BI.config('bi.provider.conf.list.widget.item', (provider) => {
		provider.addWidgetOperatorItem([{
		text: "我是插入项",
		cls: 'inject-font',
		handler: function () {
			const refresh = this.attr("refresh"); // 获取刷新组件的方法
				const { id } = this.attr("widgetInfo"); // 获取组件相关信息
			// do something
			refresh(); // 根据需要调用刷新
		},
	}], 3)
})

bi.provider.conf.toolbars_analysis

addTooItems(items: any[])

可以增加自助数据集右上角的按钮组

（自助数据集编辑界面有效）

e.g.

BI.config('bi.provider.conf.toolbars_analysis', (provider) => {
		provider.addTooItems([{
			type: "bi.button",
			text: "注入按钮",
			handler: () => { BI.Msg.alert('1') }
		}]);
})

bi.provider.conf.toolbars.analysis_preview

addTooItems(items: any[])

可以在自助数据集表预览的预览按钮处注入添加其他UI

e.g.

BI.config('bi.provider.conf.toolbars.analysis_preview', (provider) => {
		provider.addTooItems([{
		type: "bi.button",
		text: "注入按钮",
		handler: () => { BI.Msg.alert('1') }
	}]);
})

bi.provider.conf.toolbars

addTooItems(items: any[])

可以在公共数据界面的右上角【关联视图多路径设置更新任务管理全局更新】处添加新项以及点击后应出现的弹出层

e.g.

BI.config('bi.provider.conf.toolbars', (provider) => {
		provider.inject([
		{
			type: 'bi.button',
			value: 10, // 不与当前几个按钮的value相同即可
			openLayerType: 'bi.xxx.layer', // 点击后的弹出层
		},
	]);
})

bi.provider.conf.pack.table.toolbars

inject()

注入配置

e.g.

BI.config('bi.provider.conf.toolbars', (provider) => {
	provider.inject([{
		type: 'edit_custom_table',
		content: ""
	},],[key1]);
	provider.filter("my-key");
})

filter()

过滤配置

bi.provider.detail.widget.down_list_item

insertBefore(item: Obj)

往最前面添加项

向明细表工具栏列表中添加自定义项（仪表板编辑、预览界面均有效）

e.g.

BI.config('bi.provider.detail.widget.down_list_item', (provider) => {
		provider.insertBefore({
			type: 'bi.icon_button',
			cls: 'icon-font',
			handler: function(){
				console.log('1');
			}
		});
})

push(items: Obj)

向最后添加项

bi.provider.design.widget_dashboard_toolbar.more_item

insertBefore(items: Obj)

往最前面添加项

向仪表板上方工具栏的更多区域添加自定义项（仪表板编辑界面有效）

e.g.

BI.config("bi.provider.design.widget_dashboard_toolbar.more_item", (provider) => {
                provider.push([{
                    value: De.xtype,
                    cls: "data-sentinel-font",
                    text: BI.i18nText("Data-Sentinel_Create_Sentinel"),
                    title: BI.i18nText("Data-Sentinel_Create_Sentinel"),
                    operator: function() {
                        //do something
                    }
                }])
});

push(items: Obj)

向最后添加项

bi.provider.dashboard_toolbar

addToolItems(items: any[])

添加注入项（编辑界面）

向仪表板上方工具栏区域添加自定义项

e.g.

BI.config('bi.provider.dashboard_toolbar', (provider) => {
		provider.addToolItems({
			type: 'bi.icon_button',
			cls: 'icon-font',
			handler: function(){
				console.log('1');
			}
		});
})

bi.provider.show.dashboard_toolbar

addToolItems(items: any[])

添加注入项（预览界面）

向仪表板上方工具栏区域添加自定义项

BI.config('bi.provider.show.dashboard_toolbar', (provider) => {
		provider.addToolItems({
			type: 'bi.icon_button',
			cls: 'icon-font',
			handler: function(){
				console.log('1');
			}
		});
})

bi.provider.design.widget_dashboard_toolbar

addToolItems(items: any[])

添加注入项

向组件详细设置上方工具栏处添加自定义项

BI.config('bi.provider.design.widget_dashboard_toolbar', (provider) => {
		provider.addToolItems({
			type: 'bi.icon_button',
			cls: 'icon-font',
			handler: function(){
				console.log('1');
			}
		});
})

bi.provider.design.widget.detail

injectCollapseWidget(func: Function)

添加列表收起按钮

【开发文档】国电电力关于BI的需求

BI.config('bi.provider.design.widget.detail', function (provider) {
        provider.injectCollapseWidget(function (obj) {
             return {
                 el: {
                     type: 'bi.absolute',
                     css: {
                         'z-index': 1,
                     },
                     items: [
                         {
                             el: {
                                 type: BI.Layout.xtype,
                                 cls: 'bi-plugin-push-button-background',
                                 width: 90,
                                 height: 25,
                             },
                             top: 32,
                             left: -32,
                             bottom: 0,
                             right: 0,
                         },
                         {
                             el: {
                                 type: "bi.icon_change_button",
                                 iconCls: 'next-page-h-font',
                                 listeners: [{
                                     eventName: 'EVENT_CHANGE',
                                     action: function () {
                                         this.setIcon(this.isSelected() ? 'pre-page-h-font' : 'next-page-h-font');
                                         if (this.isSelected()) {
                                             obj.expand();
                                         } else {
                                             obj.collapse();
                                         }
                                     }
                                 }],
                                 mounted: function () {
                                     obj.collapse();
                                 }
                             },
                             top: 0,
                             right: 5,
                             bottom: 0,
                             left: 0,
                         },
                     ],
                 },
                 top: 0,
                 right: -25,
                 width: 25,
                 height: 90,
             }
        });
    });