当前位置: 首页 > 工具软件 > jQuery TagBox > 使用案例 >

easyui tagbox 自动触发回车事件

方韬
2023-12-01

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

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

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


-------------------------------------------

取得tagbox输入的数据项的数量

$('#tagbox1').tagbox('getValues').length

转载于:https://www.cnblogs.com/zitjubiz/p/10728039.html

 类似资料: