基础介绍:

JQuery ID选择器 $("#myELement") JQuery Class 选择器 $(".myClass")

查看更多JQuery选择器语法 JQuery语法在线文档

// 如下是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();
© 2019 EOVA.CN all right reserved,powered by Gitbook本文档更新于: 2019-07-22 17:25

results matching ""

    No results matching ""