Extjs中给button添加悬浮提示

最新推荐文章于 2022-12-09 15:13:10 发布

最新推荐文章于 2022-12-09 15:13:10 发布 · 1.2k 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用ExtJS库创建一个带有工具提示的按钮组件，并通过实例展示了实现过程。其中包括按钮的基本配置、图标引用、文本提示设置以及事件处理。此教程适合前端开发人员了解和实践ExtJS在构建交互式UI元素时的应用。

<html>
<head>


<title>tabPanel Test</title>

<linkrel="stylesheet"type="text/css"href="extjs/resources/css/ext-all.css"/>
<scriptsrc="extjs/resources/ext-all.js"></script>
<scriptsrc="extjs/resources/ext-lang-zh_CN.js"></script>
</head>

<body>
<scripttype="text/javascript">

Ext.onReady(function(){
Ext.QuickTips.init();

Ext.create('Ext.button.Button', {
text : 'btn_tooltip',
scope : this,
icon:'resources/images/confirm.png',
tooltip :'we could see the tooltip for this button',
handler : function() {
alert('this is a button')
},
renderTo : Ext.getBody()
});

});
</script>
</body>
</html>