EXT.FORM.FIELD.FIELD TOOL TIP EN LOS ARTÍCULOS
Pregunta
a continuación es el código de combinación:
Ext.define('Grade', {
extend: 'Ext.data.Model',
fields: [
{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' }
]
});
Ext.define('GradeCombo', {
extend: 'Ext.form.field.ComboBox',
alias: 'widget.gradecombo',
queryMode: 'local',
valueField: 'id',
displayField: 'name',
store: {
model: 'Grade',
data: [
{ id: 1, name: 'A' },
{ id: 2, name: 'B' },
{ id: 3, name: 'C' }
]
}
});
y aquí está el código de diseño para Combo:
Ext.onReady(function(){
Ext.widget('panel', {
renderTo: 'pan1',
title: 'Basic Panel',
width:300,
height:100,
defaults: {
bodyPadding: 10,
border: false,
xtype: 'panel',
layout: 'anchor'
},
layout: 'hbox',
items: [{
fieldLabel: 'Grade',
xtype: 'gradecombo',
width: 234
}]
});
});
Quiero mostrar el mensaje ToolTip para obtener la descripción de cada grado cuando el usuario se suba al mouse en la caída de los elementos combinados.Aquí está la tienda de descripción:
var store = ['Marks between 70 and 80', 'Marks between 60 and 70', 'Marks between 50 and 60'];
Por favor, hágamelo saber cómo lograr esto.
Saludos,
Solución
No creo que haya una propiedad de información sobre herramientas que se pueda configurar de forma predeterminada, pero puede personalizar completamente lo que aparece en la lista desplegable al anular el método GetInnerTPL de la propiedad ComboBox ListConfig como esta:
listConfig: {
loadingText: 'Searching...',
emptyText: 'No matching posts found.',
// Custom rendering template for each item
getInnerTpl: function() {
return '<a class="search-item" href="http://www.sencha.com/forum/showthread.php?t={topicId}&p={id}">' +
'<h3><span>{[Ext.Date.format(values.lastPost, "M j, Y")]}<br />by {author}</span>{title}</h3>' +
'{excerpt}' +
'</a>';
}
}
Muestra completa de código: >http://docs.sencha.com/ext-js/4-1/extjs-build/examples/form/forum-search.js
y lo más importante es la propina en sí.Agregue el siguiente atributo HTML a cualquier elemento que esté creando en su plantilla: Data-QTIP="¡Esta es una punta rápida de MarkUp!"Puede controlar aún más su información sobre herramientas siguiendo estas pautas: http://docs.sencha.com/ext-js/4-1/#!/api/ext.tip.quicktipmanager