easyui tagbox 自动触发回车事件

佚名 6年前 (2019-04-18) 随笔 520人围观抢沙发百度已收录

新版本的 easyui 加入了 tagbox 控件，允许用户通过回车分隔的方式输入多项数据。但这个控件有一些不便，就是每输入完一项必须按回车键确认，用户很容易在输入完最后一项后忘记按回车就直接提交表单，导致最后一项数据没有录入。

要解决这个问题可以在用户提交表单时用 JQuery 模拟一个 tagbox 的回车事件，确保最后一项数据被保存。代码如下：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

// 模拟 tagbox 的回车按下，确保数据录入。注意每次触发都要用新生成的 Event 对象，不能重复使用。
$('#tagbox1').tagbox('textbox').trigger($.Event("keydown", {keyCode: 13}));
$('#tagbox2').tagbox('textbox').trigger($.Event("keydown", {keyCode: 13}));