0.0.1 • Published 5 years ago

queryconditiontest v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

FarrisUi QueryCondition

  1. FarrisUi查询条件模块包括字段配置弹出窗口和字段查询条件展示区域:

    字段配置弹出窗口:选择字段;

    字段查询条件展示区域:显示查询字段和设置查询字段数值。

FarrisUi QueryCondition

  1. 输入属性:

    fieldConfigs:字段配置数据源,用于展示需要选择字段配置的列表,参数类型:Array,必传属性,FieldConfig实体结构见类注释(路径:

    querycondition/entity/fieldconfig/fieldconfig.ts);

    selectedFieldConditions:已选择字段配置条件列表,参数类型:Array,非必传属性,QueryCondition实体结构见类注释(路径:querycondition/entity/querycondition.ts)。

  2. 输出事件:

    selectedFieldConditionsEmitter:获取已经选择的字段查询条件列表,输出参数类型:Array

FarrisUi QueryCondition模块引入步骤

  1. 引入模块QueryConditionModule

  2. 在HTML模板中引入:

    <farris-querycondition #farrisquerycondition 
        [fieldConfigs]="[字段配置列表]"
        [(selectedFieldConditions)]="[已选字段条件列表]">
        (fieldConditionsChange)="fieldConditionsHandler($event)"
    </farris-querycondition>
  1. 打开字段配置窗口调用方式:
    export class DemoComponent{

    @ViewChild('farrisquerycondition') farrisquerycondition:QueryConditionComponent;

        //打开字段配置窗口
        openFieldConfigDialog(){
            this.farrisquerycondition.openFieldConfigDialog();
        }
    }