Page History

...

类型

描述

示例

configSlide

数字滑动条，用于配置数字型属性；
例如字体大小，宽、高等

Code Block

language	js

{
 	title: "尺寸",
 	type: "configSlide",
 	bind: "itemLabelSize",
 	config: {
		slideStart: 0,
 		slideEnd: 100
 	}
 }

fontFamily

字体设置

Code Block

language	js

{
	title: "字体",
	type: "fontFamily",
	bind: "tFontFamily"
}

text-input-sl

单行输入框

Code Block

language	js

{
	title: "名称",
	type: "text-input-sl",
	bind: "name"
}

text-area

多行输入框

Code Block

language	js

{
	title: "内容",
	type: "text-area",
	bind: "content"
}

colorpicker

颜色选择器

Code Block

language	js

{
	title: "字体颜色",
	type: "colorpicker",
	bind: "fontColor"
}

iconpicker

图标选择器

Code Block

language	js

{
	title: "图标",
	type: "iconpicker",
	bind: "icon"
}

toggle-switch

开关选择器

Code Block

language	js

{
	title: "标题",
	bind: "showTitle",
	type: "toggle-switch",
	on: "显示",
	off: "隐藏"
}

button

按钮

Code Block

language	js

{
	title: "刷新控件",
	type: "button",
	btnClass: "btn-success",
	onClick: function(){
		scope.refreshComponent();
	}
}

imagepicker

附件图片选择按钮

Code Block

language	js

{
	title: "背景图片",
	type: "imagepicker",
	bind: {
		name: "backgroundImageName",
		data: "backgroundImage"
	}
}

radio

文字型单选按钮

Code Block

language	js

{
   title: "合计位置",
   type: "radio",
   bind: "summaryPosition",
   items: [{
      name: "最前",
      value: "first"
   },{
      name: "最后",
      value: "last"
   }]
}

radio-icon

图标型单选按钮

Code Block

language	js

{
   title: "对齐",
   type: "radio-icon",
   bind: "align",
   items: [{
      name: "左对齐",
      value: "alignLeft",
      icon: "fa fa-align-left"
   },{
      name: "自动",
      value: "auto",
      icon: "fa fa-arrows-h"
   },{
      name: "右对齐",
      value: "alignRight",
      icon: "fa fa-align-right"
   }]
}

select-s

下拉框选择器

Code Block

language	js

{
   title: "合计位置",
   type: "radio",
   bind: "summaryPosition",
   items: [{
      name: "最前",
      value: "first"
   },{
      name: "最后",
      value: "last"
   }]
}

horizontal-align

水平对齐选择器

Code Block

language	js

{
   title: "对齐",
   type: "horizontal-align",
   bind: "dAlign"
}

font-style

字体风格

Code Block

language	js

{
   title: "字体风格",
   type: "font-style",
   bind: "dFontStyle"
}

propertyMultiSelectmeasureMultiPicker

指标选择器（多选）

warning

Code Block

language	js

{
   title: "查询指标",
   type: "propertyMultiSelectmeasureMultiPicker",
   bind: "theMeasures"
}

measureDropdownPicker

变量保存位置：
component.config.{bind}.queryProperties

指标选择器（下拉单选）

Code Block

language	js

{
   title: "查询指标",
   type: "measureDropdownPicker",
   bind: "theMeasure"
}

dimensionMultiPicker

维度选择器（多选）

Code Block

language	js

{
   title: "维度",
   type: "dimensionMultiPicker",
   bind: "theDimensions"
}

dimensionDropdownPicker

维度选择器（单选）

Code Block

language	js

{
   title: "联动维度",
   type: "dimensionDropdownPicker",
   bind: "theDimension"
}

Versions Compared

Old Version 8

New Version Current

Key