基础介绍:
JQuery ID选择器
$("#myELement")
JQuery Class 选择器
$(".myClass")
[查看更多JQuery选择器语法](http://note.youdao.com/noteshare?id=fc592a96859311c06aac68aba9a1d217&sub=78F65EC81BCC4E50998B6FA4A36CCB75)
[JQuery语法在线文档](http://jquery.cuishifeng.cn/)
~~~
// 如下是Eova控件-文本框,经过浏览器渲染后的html代码(谷歌浏览器右键>检查/审查)
<div class="eova-text" id="nickname" data-options="">
<input type="text" autocomplete="off" name="query_nickname" style="width: 158px;">
<i class="ei" title="点击清空文本"></i>
</div>
~~~
~~~
// 获取文本框DOM
var $nickname = $('#nickname');
// 禁用文本框
$nickname.mask();
// 解禁文本框
$nickname.unmask();
// 同理获取其它控件类型的DOM也一样
~~~
> Eova一直以简单为原则,所以没有对前端做过渡封装,仅提供关键常用的封装,其它的一切使用原生方案.
> 如下是EovaUI封装的常用方法
~~~
var $xxx = $('#控件ID'); // 控件ID=元字段名,不知道也可以通过审查元素查看DOM上的ID
// 查找框值变更
$xxx.eovafind({onChange: function (oldValue, newValue) {
// 事件内逻辑
}});
// 下拉框值变更
$xxx.eovacombo({onChange: function (oldValue, newValue) {
// 事件内逻辑
}});
// 下拉树值变更
$xxx.eovacombotree({onChange: function (oldValue, newValue) {
// 事件内逻辑
}});
// 文本框值变更(文本框只有一个值)
$xxx.eovatext({onChange: function (value) {
alert(value);
}});
// 也可以自行用JQuery实现
$xxx.bind("propertychange input", function() {
if(flag){return;}flag = true;
setTimeout(function () {
console.log('input event');
flag = false;
}, 100);
});
// 同理其它更多原生写法,自行百度即可
// 文本框取值/赋值
$xxx.eovatext().getValue();
$xxx.eovatext().setValue(123);
// 查找框取值/赋值
$xxx.eovafind().getValue();
$xxx.eovafind().getValues();
$xxx.eovafind().setValue();
$xxx.eovafind().setValues();
// 下拉框取值/赋值
$xxx.eovacombo().getValue();
$xxx.eovacombo().getValues();
$xxx.eovacombo().setValue();
$xxx.eovacombo().setValues();
// 下拉树取值/赋值
$xxx.eovacombotree().getValue();
$xxx.eovacombotree().getValues();
$xxx.eovacombotree().setValue();
$xxx.eovacombotree().setValues();
~~~
- 第一个10分钟
- 最新动态
- 序言
- EOVA介绍
- 新手入门
- 快速部署
- 奇技赢巧
- 元数据应该这样玩
- 个性化定制系统模块
- 前端常用代码
- 初级技能
- 仙人模式の表达式强化
- 月读の自动解析字典
- 多重连弹の下拉级联
- 色诱术の格式化单元格
- 木锭壁の前端校验
- 水龙弹の快速添加按钮
- 高级技能
- 感知之术の性能监控
- 替身术の配置自动覆盖
- 万花筒の图片服务
- 影子模仿术の数据导入
- 三重罗生门の个性化弹窗
- 沙之眼の虚拟字段
- 尸鬼封尽の覆盖源码
- 砂暴送葬の高级查询
- 创造再生の角色分级
- 影分身の代码生成
- 秽土转生の数据迁移
- 四赤阳阵の多表视图
- 六赤阳阵の多表级联
- 四象封印の数据过滤
- 象转之术の在线Office
- 影子操控术の全局控制
- 特别解释
- 关于源码
- 关于UI
- 关于浏览器兼容性
- 关于工作流引擎
- 关于Oracle
- 关于独立部署
- 关于版本号
- 关于分布式的支持
- 关于JAVA8的支持
- 常见问题
- 如何自定义数据源
- HelloWord