数据表格F7

简介

数据表格F7


使用方法

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

DOM结构

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

属性说明

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

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

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

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

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

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

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

指定表格是否显示隔行颜色.;

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

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

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

指定autoComplete查询的项目.;

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

列信息设置,在accessType='local'的情况下有效.格式参考com.kingdee.bos.webframework.component.f7.PromptTableColModelEntity;

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

指定是否CU过滤;

customizeSearchItems Array 缺省值: (编码加名称))(能在运行期改变 EAS7.5+

自定义查询项目;

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

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

url String 缺省值: {ContextPath}/component/promptTable.do)(能在运行期改变 EAS7.5+

指定远程取数地址.;

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

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

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

设置查询的过滤条件.;

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

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

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

设置是否能够多选.;

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

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

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

指定Query对象.;

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

设置每页显示多少行.;

rowsArray Array 缺省值: [10,20,30])(能在运行期改变 EAS7.5+

设置行数下拉框的内容.;

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

指定初始化时候每列的宽度的算法.如果设置为true,表示每列的宽度按照所有列设定的宽度值的和与表格设定的宽度按比例进行缩放.如果设置为false,则列宽按照后台设定的宽度显示.;

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

指定排序项目;;

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

指定排序类型;;

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

定义表格F7控件的样式;

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

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

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

设置弹出的辅助选框的宽度,如果不设置则总宽度就是后台设置的各列宽度的和.;

方法说明


事件说明

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

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

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

返回值说明:

beforeTableInit 参数: (event,table,options) EAS7.5+

事件说明:
示例化表格前触发

参数说明:
  - event-beforeTableInit的eventable-表格HTML对象​options-表格初始化参数.   

返回值说明:

serializePromptData 参数: (data) EAS7.5+

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

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

返回值说明:

样例集合

  1. 数据表格F7