Question

extjs的panel怎样显示内容?

请问如何做到下面这个效果（鼠标移动过去显示内容）

var tab1195 = Ext.widget({
title: '采购申请',
xtype: 'form',
id: 'innerTabsForm1195_137594309317',
collapsible: true,
collapsed:false,
bodyPadding: 5,
width: 485,
fieldDefaults: {
labelAlign: 'left',
msgTarget: 'side'
},
defaults: {
anchor: '100%'
},

items: [ {"xtype":"container","layout":"hbox","items":[{"xtype":"container","flex":1,"border":false,"layout":"anchor","defaultType":"textfield","items":[{"fieldLabel":"用途","readOnly":true,"afterLabelTextTpl":required,"allowBlank":false,"anchor":"95%","name":"char1","value":"7uu7u7111111tsfg156731111111","xtype":"textfield"},{"fieldLabel":"估计价款","readOnly":true,"afterLabelTextTpl":required,"allowBlank":false,"anchor":"95%","name":"float1","value":"1.00"}]},{"xtype":"container","flex":1,"border":false,"layout":"anchor","defaultType":"textfield","items":[{"fieldLabel":"需用日期","readOnly":true,"afterLabelTextTpl":required,"allowBlank":false,"anchor":"95%","name":"date1","xtype":"datefield","value":"2013-08-06","format":"Y-m-d"},{"fieldLabel":"估计价款(大写)","readOnly":true,"afterLabelTextTpl":required,"allowBlank":false,"anchor":"95%","name":"char2","value":"23","xtype":"textfield"}]}]} ]
});

tab1195.render(document.getElementById('show_from_1195_137594309317'));





Answer 1

是鼠标移到某个文本框，然后显示文本框里面的内容吗？
listeners : {
render : function(p) {//渲染后给el添加mouseover事件
p.getEl().on('mouseover', function(p){
alert("aaa");
});
}
}
mouseover事件可以帮你实现这个功能！

追问

您好，要的是这个效果。可是我已经render过了，

本人由于项目的需要初次接触extjs， 麻烦说一下需要怎么改，多谢!!!

Answer 2

Ext.onReady(function(){
Ext.QuickTips.init();
var btn = new Ext.Button({
text: "悬停演示",
renderTo: Ext.getBody(),
tooltip: "这是一个悬停演示的按钮，怎么样？<br>是不是很漂亮？",
tooltipType: "title"
});
});

Answer 3

你的组件里增加
tooltip : ‘这是鼠标移过来时显示的信息！’