Ext.ux.form.SearchField 添加placeholder属性 2016年9月19日

原创于 2016-09-19 16:46:05 发布 · 2.5k 阅读

CC 4.0 BY-SA版权

原创不易，白嫖不好，如果有用，请点赞，让更多的朋友看到这篇文章。

31 篇文章

订阅专栏

18 篇文章

订阅专栏

本文介绍了一种通过设置变量来更新输入框placeholder的方法。具体步骤包括定义变量存储输入框ID及默认提示文字，并在组件初始化及渲染后阶段进行相应设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如图：
搜索框
思路：
设置两个变量，存放input的Id和placeholder值，
根据id更新input的placeholder值。

inputId: '',
placeholder : '',

initComponent 函数最后添加

me.inputId = me.id+'-inputEl';

afterRender函数最后添加

if(this.placeholder){    document.getElementById(this.inputId).setAttribute('placeholder',this.placeholder);
}

使用方法

 xtype: 'searchfield',
 placeholder: '查找',
 store: Store