eova常用前端组件介绍

eova常用前端组件介绍

此配置说明基于eova 3.6.0的eova.min.js,其它版本可能存在偏差,具体以eova.min.js为准

组件通用的方法

1. xxx.setValue();
2. xxx.getValue();
3. xxx.readonly()
4. 都可设置onChange方法,但回调值根据具体的组件而定 $(’#xxx’).eovaxxx({onChange:function()})

注意事项

1. 查找框修改配置的方法为$(’#xxx’).eovafind(configObj),而下拉框和下拉树修改配置后需要调用reload()方法才会生效.
2. 查找框没有setValues()和getValues()方法,而下拉树和下拉框有.

查找框

// 初始化参数及默认值
$('#xxx').eovafind({
    // 提示信息
    btnTitle:'点击查找内容',
    // 按钮图标
    btnIcon: "\x26#xe615;",
    // 只读
    isReadonly: false,
    // 多选
    multiple: false,
    // 多选时分隔符
    separator: ",",
    // 获取数据的url,exp为空且multiple为false时设置有效,不建议使用
    url:undefined,
    // 使用的表达式,在后台配置类的exp()方法中进行配置
    exp: undefined,
    placeholder: "",
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal,currArr){
		
	}
})

// 常用方法
// 设置实际值,传入实际值
$('#xxx').eovafind().setValue(val:String);
// 获取实际值
$('#xxx').eovafind().getValue():String;
// 设置只读
$('#xxx').eovafind().readonly(flag:Boolean);
// 修改数据获取表达式
$('#xxx').eovafind({
    exp:''
});
// 配置值改变回调监听
$('#xxx').eovafind({
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal,currArr){
		
	}
})
// 以下方法使用频率极低
// 设置显示值
$('#xxx').eovafind().setText();
// 获取显示值
$('#xxx').eovafind().getText();
// 获取后台请求url,
$('#xxx').eovafind().getUrl();

下拉框

// 初始化参数及默认值
$('#xxx').eovacombo({
    // 提示信息
    btnTitle:'点击选择内容',
    // 按钮图标
    btnIcon: "\x26#xe625;",
    // 只读
    isReadonly: false,
    // 多选
    multiple: false,
    // 多选时分隔符
    separator: ",",
    // 是否可编辑
    editable:false
    // 实际值字段
    valueField:'id',
    // 显示值字段
    textField:'cn',
    // 获取数据的url,数据格式[{"cn":"xxx","id":"xxx"}],优先级最低,只有在json和url未设置时有效
    url: undefined,
    // 直接前端设置数据,优先级最高
    json: undefined,
    // 使用的表达式,在后台配置类的exp()方法中进行配置,未设置json时有效
    exp: undefined,
    placeholder: "",
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal){
		
	}
})

// 常用方法
// 设置实际值,传入实际值
$('#xxx').eovacombo().setValue(val:String);
$('#xxx').eovacombo().setValues(valArr:Array);
// 获取实际值
$('#xxx').eovacombo().getValue():String;
$('#xxx').eovacombo().getValues():Array;
// 设置只读
$('#xxx').eovacombo().readonly(flag:Boolean);
// 修改数据获取表达式
$('#xxx').eovacombo({
    exp:String
}).reload();
// 配置值改变回调监听
$('#xxx').eovacombo({
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal){
		
	}
}).reload();
// 以下方法使用频率极低
// 设置显示值
$('#xxx').eovacombo().setText(txt:String);
$('#xxx').eovacombo().setTexts(txts:Array);
// 获取显示值
$('#xxx').eovacombo().getText():String;
$('#xxx').eovacombo().getTexts():Array;

下拉树

// 初始化参数及默认值
$('#xxx').eovacombotree({
    // 提示信息
    btnTitle:'点击选择内容',
    // 按钮图标
    btnIcon: "\x26#xe625;",
    // 只读
    isReadonly: false,
    // 多选
    multiple: false,
    // 多选时分隔符
    separator: ",",
    // 是否可编辑
    editable:false
    // id字段
    idField: "id",
    // pid字段
    pidField: "pid",
    // 显示字段
    nameField: "name",
    // 图标字段
    iconField: "iconskip",
    // 顶级Pid
    rootPId: 0,
    // 获取数据的url,数据格式[{"id":"xxx","name":"xxx",pid:"xxx",iconskip:'xxx'}],优先级最低,只有在json和url未设置时有效
    url: undefined,
    // 直接前端设置数据,优先级最高
    json: undefined,
    // 使用的表达式,在后台配置类的exp()方法中进行配置,未设置json时有效
    exp: undefined,
    placeholder: "",
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal){
		
	}
})

// 常用方法
// 设置实际值,传入实际值
$('#xxx').eovacombotree().setValue(val:String);
$('#xxx').eovacombotree().setValues(valArr:Array);
// 获取实际值
$('#xxx').eovacombotree().getValue():String;
$('#xxx').eovacombotree().getValues():Array;
// 设置只读
$('#xxx').eovacombotree().readonly(flag:Boolean);
// 修改数据获取表达式
$('#xxx').eovacombotree({
    exp:String
}).reload();
// 配置值改变回调监听
$('#xxx').eovacombotree({
	//  oldVal 之前选中的值,newVal 当前值，currArr 当前对象，使用setValue设置的arr无值
	onChange:function(oldVal,newVal){
		
	}
}).reload();
// 以下方法使用频率极低
// 设置显示值
$('#xxx').eovacombotree().setText(txt:String);
$('#xxx').eovacombotree().setTexts(txts:Array);
// 获取显示值
$('#xxx').eovacombotree().getText():String;
$('#xxx').eovacombotree().getTexts():Array;

其它组件

// eova文本框
$('#xxx').eovatext().setValue(val:String);
$('#xxx').eovatext().getValue():Boolean;
// 与setValue效果类似,但不会触发onChange方法那
$('#xxx').eovatext().setText(val:String);
$('#xxx').eovatext().getText():Boolean;
$('#xxx').eovatext().readonly(flag:Boolean);
// eova布尔框
$('#xxx').eovabool().setValue(flag:Boolean);
$('#xxx').eovabool().getValue():Boolean;
$('#xxx').eovabool().isCheck():Boolean;
$('#xxx').eovabool().check(falg:Boolean);
$('#xxx').eovabool().readonly(flag:Boolean);