树形F7

简介

树形F7


使用方法

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

DOM结构

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

属性说明

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

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

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

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

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

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

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

指定自动补全查询的项目.;

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

指定是否CU过滤;

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

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

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

指定取数地址;

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

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

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

设置查询的过滤条件.;

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

定义控件的高度,默认情况不指定高度,由总体式样决定.;

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

设置是否能够多选.;

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

设置是否只能选择叶子节点.;

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

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

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

指定Query对象;

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

指定排序项目;;

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

指定排序类型;;

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

定义控件的样式;

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

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

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

打开面板,构建树所用的参数.;

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

定义控件的宽度,默认情况不指定宽度,由总体式样决定.;

方法说明


事件说明

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

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

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

返回值说明:

serializePromptData 参数: (data) EAS7.5+

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

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

返回值说明:

样例集合

  1. 树形F7属性