0.0.1 • Published 5 years ago
queryconditiontest v0.0.1
FarrisUi QueryCondition
FarrisUi查询条件模块包括字段配置弹出窗口和字段查询条件展示区域:
字段配置弹出窗口:选择字段;
字段查询条件展示区域:显示查询字段和设置查询字段数值。
FarrisUi QueryCondition
输入属性:
fieldConfigs:字段配置数据源,用于展示需要选择字段配置的列表,参数类型:Array,必传属性,FieldConfig实体结构见类注释(路径:
querycondition/entity/fieldconfig/fieldconfig.ts);
selectedFieldConditions:已选择字段配置条件列表,参数类型:Array,非必传属性,QueryCondition实体结构见类注释(路径:querycondition/entity/querycondition.ts)。
输出事件:
selectedFieldConditionsEmitter:获取已经选择的字段查询条件列表,输出参数类型:Array。
FarrisUi QueryCondition模块引入步骤
引入模块QueryConditionModule
在HTML模板中引入:
<farris-querycondition #farrisquerycondition
[fieldConfigs]="[字段配置列表]"
[(selectedFieldConditions)]="[已选字段条件列表]">
(fieldConditionsChange)="fieldConditionsHandler($event)"
</farris-querycondition>
- 打开字段配置窗口调用方式:
export class DemoComponent{
@ViewChild('farrisquerycondition') farrisquerycondition:QueryConditionComponent;
//打开字段配置窗口
openFieldConfigDialog(){
this.farrisquerycondition.openFieldConfigDialog();
}
}
0.0.1
5 years ago