ExtJS2.0入门：对话框与prompt示例解析

"对话框的使用－prompt示例-Extjs PPT 入门 学习文档 资料" 在本文档中，我们将探讨ExtJS框架中的对话框使用，特别是prompt对话框的功能和示例。ExtJS是一个强大的JavaScript库，专注于创建富客户端应用，提供丰富的用户界面组件和优雅的API，可用于多种后端技术平台。这篇学习文档以一个简单的prompt对话框示例为切入点，帮助初学者理解如何在实际项目中运用ExtJS。 首先，让我们分析提供的代码片段： ```javascript Ext.onReady(function(){ Ext.get("btn").on("click",function(){ Ext.MessageBox.prompt("输入提示框","请输入你的新年愿望:",function(button,text){ if(button=="ok"){ alert("你的新年愿望是:"+text); } else alert("你放弃了录入!"); }); }); }); <input id="btn" type="button" value="对话框" /> ``` 这段代码在页面加载完成时（`Ext.onReady`）会监听id为"btn"的按钮点击事件。当用户点击这个按钮时，`Ext.MessageBox.prompt`方法被调用，它会弹出一个prompt对话框，标题为“输入提示框”，内容为“请输入你的新年愿望:”。用户输入文本后，对话框会关闭，回调函数会被执行。在这个回调函数中，我们检查用户点击的是"ok"按钮还是"cancel"按钮。如果用户点击了"ok"，则展示一个alert对话框显示用户的输入；反之，如果用户点击了"cancel"，则提示用户放弃了录入。 此文档还涵盖了ExtJS的下载、解压和目录结构，这对于初学者了解如何开始使用ExtJS至关重要。在解压的包中，有适应不同底层库的适配器（adapter），压缩和未压缩的源码（build和source），API文档（docs），示例（examples），以及包含CSS、图片等资源的目录（resources）。此外，还提到了两个核心JavaScript文件——`ext-all.js`和`ext-all-debug.js`，分别用于生产环境和开发调试。 在介绍完基本概念后，文档给出了第一个示例，即创建一个简单的HTML页面引入ExtJS库，并显示一个基本的页面标题。这有助于初学者理解如何在实际HTML环境中使用ExtJS。 总结来说，这篇学习文档提供了ExtJS中对话框使用的基础知识，特别是prompt对话框的创建和响应，同时也介绍了ExtJS的下载、安装和基本使用。对于想要学习ExtJS并创建富客户端应用的开发者来说，这是一个很好的入门资料。通过深入理解这个示例和文档中提到的其他内容，开发者可以逐步掌握ExtJS的核心功能，并进一步探索其强大的组件系统和API。