eova常用前端组件介绍

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

组件通用的方法

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

注意事项

查找框修改配置的方法为$(’#xxx’).eovafind(configObj),而下拉框和下拉树修改配置后需要调用reload()方法才会生效.
查找框没有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",// 顶级PidrootPId: 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);

eova常用前端组件介绍相关推荐

物联网低代码平台常用《组件介绍》
物联网低代码平台包含了大量组件,单击"组件"标签,左侧项目区域切换为组件区域,显示系统所有的组件,下面分别介绍AIRIOT物联网低代码平台各类常用组件. 组件认识所有组件共分为2 ...
SmartClient框架组件介绍
SmartClient框架组件介绍 Jsp页面引入smartClient类库: <SCRIPT SRC=isomorphic/system/modules/ISC_History.js>& ...
Vue前端组件库介绍
kb-vue-components 组件库平台介绍这里汇集大家常用的Vue组件, 并提供相应组件的使用教程. 方便你找到适合自己的组件,并快速上手使用. 开源项目地址: kb-vue-compone ...
常用的编程语言介绍以及各语言的特点（前端，前端框架，后端）
常用的编程语言介绍以及各语言的特点编程语言(programming language),是用来定义计算机程序的形式语言.它是一种被标准化的交流技巧,用来向计算机发出指令.一种计算机语言让程序员能够准 ...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏）、动画组件库、3D组件库】
Vue常用的组件库大全[前端工程师必备] (一)移动端常用组件库 1)Vant ui 2)Cube UI 3)VUX 4) NuTUI 5)Mint ui 6)Varlet UI 7)OnsenUI ...
30组常用前端开发组件库，前端组件收集整理列表
0. 前端自动化前端构建工具 gulp – The streaming build system grunt – the JavaScript Task Runner 前端模块管理器 Bower – ...
[转载]常用CASE工具介绍
[转载]常用CASE工具介绍转载自:http://www.cnblogs.com/powerlc/archive/2006/01/12/315959.html 一,概述今天, 代码变得日益简单 ...
android的应用组件,跟我学android-Android应用基本组件介绍（五）
Activity activity 是最基本的模块,我们成为活动,一个activity通常就是一个单独的屏幕,每一个活动都被实现为一个独立的类,且都继承活动的基类.在activity的实现类里显示用户 ...
前端组件化和模块化最大的区别是什么_7招提升你的前端开发效率
前言前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. ...
常用CASE工具介绍
一,概述今天, 代码变得日益简单, 在Model的指导下, 思想, 设计, 分析都变得异常重要.企业业务建模工具, 产品非常多, 特别是在MDA日益流行的今天. WorkFlow是典型的业务及流程建 ...

eova常用前端组件介绍

eova常用前端组件介绍

组件通用的方法

注意事项

查找框

下拉框

下拉树

其它组件

eova常用前端组件介绍相关推荐

最新文章

热门文章