Easyui的textbox组件的readonly方法后text值覆盖value值的问题

最新推荐文章于 2024-10-08 18:10:56 发布

原创最新推荐文章于 2024-10-08 18:10:56 发布 · 739 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #easyui

前端专栏收录该内容

1 篇文章

订阅专栏

在使用Easyui的textbox组件时，遇到一个情况：当设置textbox的text和value不同时，执行readonly方法后，text值会覆盖value值。这意味着在readonly状态下，若不事先保存并重新设置value和text，将导致初始设置的值被改变。为避免此问题，建议在启用readonly前保存原值，并在之后恢复它们。

简单描述下问题：

1、首先设置textbox的text值和value值不同，第一次和第二次获取的值一致；

2、在执行readonly方法之后，text属性值会覆盖value属性值；

3、在readonly之后需要重新设置value和text的值才不影响使用（在readonly之前先存储一下value和text的值，readonly之后重新赋值）；

略坑。。。

<input id="testInput" name="testInput"/>

$("#testInput").textbox();

$("#testInput").textbox("setValue", "firstValue");
alert("第一次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第一次获取:firstValue----firstValue

$("#testInput").textbox("setText", "firstText");
alert("第二次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第二次获取:firstValue----firstText

$("#testInput").textbox("readonly", true);
alert("第三次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第三次获取:firstText----firstText


$("#testInput").textbox("setValue", "firstValue4444");
alert("第四次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第四次获取:firstValue4444----firstValue4444

$("#testInput").textbox("setText", "firstText5555");
alert("第五次获取:" + $("#testInput").textbox("getValue") + "----" + $("#testInput").textbox("getText"));//第五次获取:firstValue4444----firstText5555