如何以编程方式将工具提示添加到组合框
如何以编程方式将工具提示添加到组合框
提问于 2018-05-25 16:59:17
我试图用下面的代码在运行时向combobox添加提示，但它不起作用：
onStartReport: function (aButton) {
var lTip = Ext.getCmp('datasources');
lTip.setTooltip("Information on datasource");
}我也尝试过这样做，但得到了一个错误：
onStartReport: function (aButton) {
var tip = Ext.create('Ext.tip.ToolTip', {
target: 'datasources',
html: 'Information on datasource'
});
}查看经典：
{
xtype: 'combo',
itemId: 'datasources',
name: 'datasources',
fieldLabel: 'Data sources',
displayField: 'description',
valueField: 'id',
queryMode: 'local',
value: 0,
forceSelection: true,
editable: false,
store: {
data: [
{id: 0, description: 'OnLine'},
{id: 1, description: 'History'}
],
fields: [
{name: 'id', type: 'int'},
{name: 'description', type: 'string'}
],
autoLoad: true
}
}回答 1
Stack Overflow用户
发布于 2018-05-28 09:59:23
这个方法应该没问题：
onStartReport: function (aButton) {
var tip = Ext.create('Ext.tip.ToolTip', {
target: 'datasources',
html: 'Information on datasource'
});问题是您的组件实际上并没有id，您添加的唯一配置是itemId，它们并不完全相同，请参阅文档。这也是Ext.getCmp('datasources')无法工作的原因。
解决这个问题的一种方法是简单地将itemId更改为id，然后就会找到引用。
如果你不想给你的组件添加id，并且一直使用itemId，你可以使用下面的代码：
onStartReport: function (aButton) {
var combo = Ext.ComponentQuery.query('#datasources')[0],
tip = Ext.create('Ext.tip.ToolTip', {
target: combo.el,
html: 'Information on datasource'
});还有第三种选择，即在调用onStartReport方法的组件/控制器的关系中获取组合框。我在这里添加了一个示例：https://fiddle.sencha.com/#view/editor&fiddle/2hap
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50525315
复制相关文章
相似问题