`

ExtJs错误信息提示的四种方式

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./../ext-3.3.1/resources/css/ext-all.css" />
<script type="text/javascript" src="./../ext-3.3.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext-3.3.1/ext-all-debug.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
	Ext.onReady(function(){
		Ext.QuickTips.init();
		//Ext.form.field.prototype.msgTarget = "side";  统一错误提示方式
		 var simple = new Ext.FormPanel({
			labelWidth: 50,
			frame: true,
			title: 'Simple Form',
			width: 350,
			defaults: {width: 230},
			defaultType: 'textfield',
			items:[{
				msgTarget: 'qtip',
				fieldLabel: 'qtip',
				width: 100,
				allowBlank: false,
				blankText: '不能为空'
			},{
				msgTarget: 'title',
				fieldLabel: 'title',
				allowBlank: false,
				blankText: '不能为空'
			},{
				msgTarget: 'under',
				fieldLabel: 'under',
				allowBlank: false,
				blankText: '不能为空'
			},{
				msgTarget: 'side',
				fieldLabel: 'side',
				allowBlank: false,
				blankText: '不能为空'
			}] 
		});
		simple.render("form");	
	});
</script>
</head>
<body>
	<div id="form"></div>
</body>
</html>
 
分享到:
评论
1 楼 wangying641588 2011-06-03  
代码示例很详细、很清楚。谢谢哦!

相关推荐

    Extjs2.0 智能提示

    智能提示不仅会列出可绑定的事件,还会展示事件处理函数的参数和返回值信息,使得事件处理的编写更加高效和准确。 同时,ExtJS 2.0还提供了大量的组件和小部件,如表格、树形视图、菜单、工具栏等。智能提示在这里...

    ExtJS智能提示Eclipse

    在Eclipse中实现ExtJS的智能提示功能,可以极大地提高开发效率,减少编写代码时的错误。 "ExtJS 智能提示 for Eclipse"是指在Eclipse中安装并配置Spket插件,以便在编写ExtJS代码时获得自动补全和API提示。Spket是...

    extjs 代码提示插件

    标题中的"extjs 代码提示插件"指的是专门为ExtJS开发的Eclipse插件,它能为开发者在编写ExtJS代码时提供自动补全和智能提示功能。这种插件能够极大地减少手动查找API文档的时间,提高开发速度,减少错误,并且加深对...

    ExtJS4.0下的文件上传方式代码filesupload

    如果上传失败,同样需要明确的错误提示。 以上就是使用ExtJS 4.0实现文件上传的一些关键点。通过合理的设计和编程,可以构建出高效、易用的文件上传功能,提升用户对Web应用的满意度。同时,`row-editing.js`中的...

    extjs代码提示

    ExtJS是一种基于JavaScript的前端框架,用于构建交互式的Web应用程序。它提供了丰富的组件库、数据绑定机制和强大的布局管理,使开发者能够创建功能强大的用户界面。Spket是一款强大的JavaScript开发工具,它支持...

    在VS2008中加入ExtJS智能提示

    完成以上步骤后,VS2008会加载`Extjs_Intellisense.js`中的定义,当您在代码中输入ExtJS相关的函数或对象时,智能提示就会生效,显示可用的方法和属性。 需要注意的是,这个过程可能需要根据具体的VS2008版本和安装...

    EXTJS 多文件上传

    4. **错误处理**:如果某个文件上传失败,`MultiFileUploadField` 可以提供相应的错误提示,帮助用户理解问题所在并采取相应措施。 5. **自定义上传策略**:开发人员可以设置上传策略,例如限制文件类型、大小,...

    extJs代码提示文档

    ExtJS是一种基于JavaScript的富客户端应用框架,专用于构建Web应用程序的用户界面。它提供了丰富的组件库,包括表格、面板、菜单、按钮等,以及强大的数据绑定和布局管理功能。"ExtJs代码提示文档"是开发者在编写...

    extjs4学习文档

    EXTJS还提供了一种便捷的方式获取页面元素,即`Ext.get`方法。通过元素的ID,如`Ext.get('myDiv')`,可以获取到对应的DOM元素。返回的是一个Element对象,可以直接进行DOM操作。如果需要根据特定选择器获取一组元素...

    用spket在Eclipse中对extjs进行代码提示配置

    - 如果没有自动显示提示信息,可以尝试按下`Ctrl + Space`键来触发代码提示。 #### 四、常见问题及解决方法 - **问题1**:如果代码提示功能未能正常工作,检查`sdk.jsb3`是否已经正确添加到了项目的构建路径中。 - ...

    extjs&可视化开发& 智能提示

    EXTJS是一种强大的JavaScript库,专用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据绑定、布局管理、图表等功能,使得开发者可以构建出功能强大且用户界面友好的Web应用。在“可视化开发”这一领域...

    extjs,vs2008代码智能提示

    1. **下载js文件**:首先,你需要下载像`vswd-ext_2.0.2.js`这样的文件,这是一个专门为VS2008定制的ExtJS代码提示文件,包含了ExtJS库的类型定义信息。这个文件通常可以从ExtJS的官方资源或社区论坛获取,或者由...

    Python django Extjs 项目开发中的错误小记

    在Python Django项目开发中使用Extjs时,开发者们可能会遇到各种各样的小错误或者问题。下面将详细地讨论其中的一些问题以及解决方法,涉及知识点包括Python Django框架、前端库Extjs以及一些常见的编程问题。 1. ...

    Extjs 提示和正则表达式

    当正则表达式验证失败时,可以通过`msg`属性设置错误提示信息,或者使用`msgTarget`属性定义错误消息显示的位置。例如: ```javascript { xtype: 'textfield', fieldLabel: '密码', vtype: { regex: /^(?=.*\d)...

    ExtJS智能提示DW

    接着,当你新建一个HTML文件后,可以激活代码提示功能,有两种方式:一是通过菜单"Spket" -&gt; "Show Code Hints",二是按下Ctrl+Alt+Space快捷键。这样,你就可以享受到如图所示的智能提示功能了。 总的来说,"ExtJS...

    包含各种类型的extjs小图标,Extjs4小图标

    ExtJS 4提供了响应式布局支持,确保图标在不同设备上都能正确显示。 7. **无障碍性**: - 符号图标应与文本标签一起使用,以确保屏幕阅读器和其他辅助技术能够理解它们的含义,提升应用的无障碍性。 8. **性能...

    extjs上传全代码

    8. **错误处理**: 当上传失败时,EXTJS应用应能够捕获并显示错误信息,以便用户了解问题所在并采取相应措施。 9. **导入到Eclipse**: 提示说项目可以直接导入到Eclipse,这意味着项目可能包含了完整的开发结构,...

    extjs实现权限拦截

    在登录验证成功后,后端返回的权限信息可以通过ExtJS的数据绑定机制,更新UI元素的显示状态,如菜单、按钮等,实现动态权限展示。 5. **路由拦截** 在现代前端应用中,路由管理是关键。ExtJS的`Ext.Router`可以...

    extjs 分页

    3. Paging Toolbar:分页条是EXTJS提供的一种UI组件,它包含页码按钮、跳转输入框、每页记录数下拉框等,方便用户进行分页操作。 二、EXTJS分页实现 1. 配置Store:首先,我们需要在Store中配置分页参数,如设置每...

    EXTJS批量上传下载

    7. **错误处理**:当上传过程中出现错误,如文件过大、网络中断等,EXTJS可以提供错误提示和重试机制。 8. **服务器端接口**:批量上传下载需要后端配合,EXTJS会向服务器发送HTTP请求,服务器需提供接收和处理这些...

Global site tag (gtag.js) - Google Analytics