EasyUI 输入框下拉框提示语【EasyUI注意点】

太过爱你忘了你带给我的痛 2022-06-12 02:47 794阅读 0赞

近日在使用EasyUI编写输入框时，一开始发现要是，直接设置输入框class="easyui-textbox"时，会发现要想在input输入框后面加入属性placeholder="提示语"是不能够起到预期效果的，原因是EasyUI在重新渲染input输入框之后，输入框设置的placeholder并不能起作用，开始我没明白，知道在论坛看到一个人评论才发现，easyui-textbox有自己的提示语属性，即

<table> 
 <tbody> 
  <tr> 
   <td>prompt</td> 
   <td>string</td> 
   <td><span style="color:#000000;">在输入框显示提示消息。</span></td> 
  </tr> 
 </tbody> 
</table>

<input type="text"  id="overallSizeHigh"    name="overallSizeHigh" class="easyui-textbox "    data-options="required:true,missingMessage:'请输入高度',prompt:'高'"  />  
但是这个默认是没有值得 所以要想有提示语一种方式，可以不用placeholder属性设置提示语，只用EasyUI自身属性prompt属性设置提示语【推荐】

还有一种方式，比较麻烦【相对而言】,我们可以在EasyUI重新渲染页面之后，再手动给input输入框添加placeholder属性，

<input type="text"  id="overallSizeWide"  value="${vehicleLicenseInfo.overallSizeWide}"  name="overallSizeWide" class="easyui-textbox" style="width:60px;"   data-options="required:true,missingMessage:'请输入总质量(kg)''"placeholder="请输入总质量(kg)" />*请输入总质量(kg)''"placeholder="请输入总质量(kg)" />*

js重新渲染代码如下