上一节我们讲了 confirm 消息框的用法,这节继续讲下一个消息框 prompt ,和 JS 里的也一样,在Ext中的用法和 alert 、confirm 也相差不多,先看下 API 文档:
我 们发现前四个参数与 alert 和 confirm 的一样,prompt 消息框多了两个参数,第五个参数如果是 boolean 类型的 true 则表示消息框中的输入框是多行的,false 则表示输入框为单行,当输入的是数字时则代表输入框的高度,单位为像素px,最后一个参数是消息框中输入框内的默认显示字符串,默认为空,另外还有一个需 要注意的变化是传入函数的参数又多了一个 text ,是输入框中用户输入的字符串
下面我们就先来看一个例子,代码如下:
显示效果如下:
我们在输入框中输入 fatalxiao 并点击确认后跳出警告框,如下:
好了,消息框 prompt 就讲到这里
相关推荐
Ext.MessageBox.prompt("prompt", "please input your name:", function(but, txt) { Ext.MessageBox.alert("result", "you click button: " + but + " the name you input is: " + txt); }, this, 30); ``` 在...
EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用程序设计,而`MessageBox`则是EXT JS提供的一种轻量级的提示对话框,它提供了多种类型的提示,如信息、警告、确认和错误,以增强用户界面的交互性。...
EXT JS 是一种流行的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的用户界面组件和强大的数据绑定功能。EXT JS 教材和教程的目标是帮助开发者更好地理解和掌握这个框架,从而提升他们的Web开发技能...
EXT JS 是一种强大的前端JavaScript库,专用于构建富客户端应用程序的用户界面。它提供了一系列丰富的组件,如工具栏、面板等,使得开发者可以构建出功能丰富、交互性强的Web应用。在EXT JS中,`Ext.MessageBox` 是...
4. **EXT.MessageBox.show()** 最灵活的方法是`show()`,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框和进度条等。例如: ```javascript ...
EXT,全称Ext JS,是一种基于JavaScript的前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括各种用户界面元素,如表格、树形视图、表单、菜单等,使得开发者能够轻松创建复杂的、交互性强的...
第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用...
在本文中,我们将深入探讨ExtJS2.0中的一个重要组件——Ext.MessageBox,它提供了一种弹出对话框的方式来与用户进行交互。Ext.MessageBox提供了多种功能,如警告、确认、提示和自定义对话框,这些功能使得在Web应用...
3. **Ext.MessageBox.prompt()**:此方法创建一个带有输入框的提示框,可替代JavaScript的prompt()。用户可以输入文本,并通过确定或取消按钮进行确认或取消操作。可以设置是否为多行输入: ```javascript Ext.Msg...
5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox.show() 5.2.7 Ext.MessageBox的其他功能 5.3 进度条组件 5.3.1 Ext.ProgressBar简介 5.3.2 手工模式的进度条 5.3.3 自动...
<script type="text/javascript" src="../../adapter/ext/ext-base.js"> <script type="text/javascript" src="../../ext-all.js"> <script type="text/javascript" src="../../src/locale/ext-base.js"> 消息...
4. **Ext.MessageBox.show()**: 这是最灵活的方法,允许通过配置对象自定义对话框。配置项包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 可以设置预定义的按钮组合或自定义按钮文字。 - `closable`: ...
4. **Ext.MessageBox.wait()** 这个方法显示一个带有进度条的对话框,用于表示正在处理的任务。参数包括: - `msg`:显示的提示信息。 - `title`(可选):对话框的标题。 - `config`(可选):用于自定义进度条...
`Ext.MessageBox.prompt()` 方法用于弹出一个输入对话框,允许用户输入文本。它接受四个参数,前两个与`alert()`相同,第三个参数`fn`是在用户点击按钮后被调用的回调函数,接收两个参数:`e`表示用户的选择结果,`...
- **语法**:`Ext.MessageBox.prompt(title, msg[, fn[, inputType[, inputValue]]])` - **参数**: - `title`:必需,对话框的标题。 - `msg`:必需,对话框中显示的消息文本。 - `fn`:可选,对话框关闭后触发...
4. **Ext.MessageBox.show()** `Ext.MessageBox.show()`是最灵活的方法,允许自定义配置参数来创建对话框。常见的配置项包括: - `animEl`: 设置动画效果的元素ID。 - `buttons`: 可以是预定义的按钮组合,如`...
4. **Ext.MessageBox.show()** `Ext.MessageBox.show()`是最灵活的方法,允许自定义对话框的各种属性。它通过配置对象(config object)来指定对话框的样式和行为。常用配置参数包括: - `animEl`: 动画效果的元素...
4. **Ext.MessageBox.show()** 这是最灵活的方法,允许自定义配置,如动画效果、按钮布局、是否可关闭、消息内容、标题、图标、宽度等。例如: ```javascript Ext.MessageBox.show({ title: "标题", msg: "内容...
4. **Ext.MessageBox.show()方法** 这是最灵活的方法,允许完全自定义对话框。通过配置对象,你可以设置`animEl`(动画效果元素)、`buttons`(自定义按钮)、`closable`(是否可关闭)、`msg`、`title`、`fn`...
4. **Ext.MessageBox.show()** 方法 这是最灵活的方法,允许通过配置对象自定义对话框的各个方面。它支持许多参数,包括: - `animEl`: 指定动画效果的元素。 - `buttons`: 定义对话框的按钮,如 `Ext.Msg.OK...