快速F7

简介

快速F7


使用方法

1. 静态框架使用方法仅EAS7.5版本
<wafctrl:promptQuick id="id" name="name" />
2. JS动态创建EAS8.0+
var dom = waf.createDOM("promptQuick", options);
waf.appendDOM(parent, dom);
waf.initComponent("promptQuick", options, dom);
3. 通用DOM创建EAS8.0+
<input id="id" name="number" type="text" class="enter2tab ui-promptQuick form" ctrlrole="promptQuick" aria-disabled="false" style="" tabindex="0">
<!--DOM创建好之后,使用js初始化控件-->
waf.initComponent("promptQuick", options, dom);
4. 方法&事件使用EAS7.5+
//调用方法
waf("#id").wafPromptQuick('method', parameter...);
//eg:获取和设置值
waf("#id").wafPromptQuick("getValue");
waf("#id").wafPromptQuick("setValue");
//eg:更改事件
waf("#id").wafPromptQuick("option","onchange",fn);

DOM结构

<input id="id" name="number" type="text" class="enter2tab ui-promptQuick form" ctrlrole="promptQuick" aria-disabled="false" style="" tabindex="0">

属性说明

accessType String 缺省值: remote)(能在运行期改变 EAS7.5+

设置取数方式​remote:远程取数local:本地取数,本地数据通过data属性设置;

ajaxType String 缺省值: POST)(能在运行期改变 EAS7.5+

设置传输数据的方式POST /GET;

allowAutoComplete Boolean 缺省值: false)(能在运行期改变 EAS7.5+

设置自动补全功能是否启用,默认为不启用.;

autoChoose Boolean 缺省值: true)(能在运行期改变 EAS7.5+

设置在自动补全只匹配到一条记录时,不打开辅助面板,直接自动选择这条记录.;

autoCompleteItem String 缺省值: name)(能在运行期改变 EAS7.5+

指定autoComplete查询的项目.;

cu Boolean 缺省值: true)(能在运行期改变 EAS7.5+

指定是否CU过滤;

data Array 缺省值: null)(能在运行期改变 EAS7.5+

本地数据,在accessType='local'的情况下有效.;

delay Integer 缺省值: 300)(能在运行期改变 EAS7.5+

定义自动补全延迟执行时间,以毫秒为单位,默认值为300毫秒.;

dataUrl String 缺省值: {ContextPath}/component/F7Quick.do?method=initalize)(能在运行期改变 EAS7.5+

指定取数地址.;

displayItem String 缺省值: name)(能在运行期改变 EAS7.5+

指定面板中显示的字段.;

filteritem String 缺省值: null)(能在运行期改变 EAS7.5+

设置查询的过滤条件.;

isMulti Boolean 缺省值: false)(能在运行期改变 EAS7.5+

设置是否能够多选;;

minlength Integer 缺省值: 1)(能在运行期改变 EAS7.5+

定义需要输入的最少字符数,默认值为1。对于较少的本地数据可以设置为0。当建议选项过多造成单个字符可匹配数据量过大时,minlength的值可以适当设置稍大一点.;

numberOfContent Array 缺省值: [4,3])(能在运行期改变 EAS7.5+

指定显示数据的样式和数量.格式为:[行数,列数]​每一页的总数=行数*列数;

query String 缺省值: null)(能在运行期改变 EAS7.5+

指定Query对象.;

sidx String 缺省值: null)(能在运行期改变 EAS7.5+

指定排序项目;;

sord 缺省值: EAS7.5+

 sord String (缺省值: null)(能在运行期改变) 指定排序类型;

style String 缺省值: null)(能在运行期改变 EAS7.5+

定义快速F7控件的样式;

tagClass String 缺省值: null)(能在运行期改变 EAS7.5+

定义快速F7控件样式类,可以添加一个或多个;

width Integer 缺省值: 400)(能在运行期改变 EAS7.5+

设置弹出的辅助选框的宽度.;

方法说明


事件说明

onselect 参数: (event,data) EAS7.5+

事件说明:
当选择面板中的值的时候,触发onselect事件

参数说明:
  - event-onselect的eventdata-类型为对象,包括data(选择的数据),selected(选择状态).   

返回值说明:

onshow 参数: (event,panel) EAS7.5+

事件说明:
显示时触发事件,可以修改panel以改变显示结果

参数说明:
  - event-onshow的event​panel-显示的面板对象.   

返回值说明:

beforeProcessing 参数: (event,data) EAS7.5+

事件说明:
当ajax返回后,快速F7处理前,触发事件,用于调整查询结果

参数说明:
  - event-beforeProcessing的event​data-ajax返回的对象.   

返回值说明:

serializePromptData 参数: (data) EAS7.5+

事件说明:
当ajax发起前,更改传递到后台的数据

参数说明:
  - ​data-当前的查询条件.   

返回值说明:

样例集合

  1. 快速F7属性