`
JavaCrazyer
  • 浏览: 3011922 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类

ExtJS之调试功能,特棒

阅读更多

 

 

在ExtJS开发过程中,经常会遇到怎么也找不到错误的时候,这时候就非常的头疼,好多人学ExtJS估计多没听说过它有调试功能的,真正用了之后你就会发现时多么的好用,具体怎么才能添加上调试功能,我且慢慢来跟你说步骤:

第一步:在ExtJS下载的资源包中,找到debug.js,将JS文件导入实际要运行的HTML或者JSP页面上

第二步:在有关JS文件代码中嵌入Ext.log('自定义调试信息'),如Ext.log('执行了xxx操作')等

第三步:运行网页吧,奇迹出现了,凡是你添加Ext.log信息的页面展现出来的页面下方都带有一个EXT自动生成的CONSOLE控制台,比较像MyEclipse的CONSOLE,CONSOLE里面显示的就是你执行的信息了

其实还有一点也非常有用,就是CONSOLE靠右边的地方有个小窗口,只要我们输入一些EXT执行代码如:Ext.getCmp('').getValue(),然后点击run按钮,左边会立即生成你查询的结果,前提是你的EXT代码要正确哦。

再多的功能自己去探索吧,总之很有用就对了

0
0
分享到:
评论
1 楼 修__ 2013-09-08  
用console.log()打印信息,Ext.log() not work

相关推荐

    ExtJS内存调试工具 sIEve

    ExtJS是一款广泛应用于开发富客户端Web应用的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能。在开发大型、复杂的Web应用时,内存管理和性能优化是至关重要的环节,因为这直接影响到应用程序的运行效率...

    ExtjS实现聊天功能

    10. **测试与调试**:使用ExtJS的内置开发者工具进行测试和调试,确保应用在不同浏览器和设备上的兼容性。 综上所述,通过深入理解和灵活运用ExtJS框架,我们可以构建出一个具备好友在线状态、聊天记录、表情发送、...

    ExtJs 带清空功能的日期组件

    然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期组件添加清空日期的能力。 首先,我们来了解一下ExtJs的DateField基本...

    ExtJs开始之旅

    此外,理解如何在浏览器中调试ExtJS应用也是至关重要的,因为这有助于定位和修复问题。 进入"工具栏和控件"部分,你将学习ExtJS中的各种组件,如按钮、表格、面板、表单等。这些组件是构建用户界面的基础,它们可以...

    Extjs4登录功能+验证码+struts2

    在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...

    ExtJs菜单导航功能,不在用左边功能树

    在ExtJs开发中,构建用户界面时,菜单导航是一个至关重要的元素,它为用户提供了一种直观的方式来探索和操作应用的功能。传统的Web应用中,菜单通常会以树状结构出现在页面的左侧,但随着设计趋势的变化和技术的发展...

    让我们开始EXTJS之旅EXTJS_WEB开发指南

    开始ExtJS之旅的第一步是要获得开发包,可以从官方网站www.ExtJS.com下载,以保证获 得最新版本。其下载地址是http://www.ExtJS.com/download,下载成功后的开发包是ExtJS- 2.0.2.zip,有6.08MB大。不过不用担心,这...

    Hibernate+Spring+Struts2+ExtJS开发CRUD功能

    Hibernate+Spring+Struts2+ExtJS开发CRUD功能

    extjs 3.4 开发前准备

    4. 开始EXTJS的学习之旅 在EXTJS的examples目录下创建一个新的helloworld目录,以此为基础进行学习。首先创建一个简单的"Hello, World!"程序,可以了解EXTJS的基本架构和组件使用方法。 通过上述准备工作,开发者...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs模拟excel表格

    在本文中,我们将深入探讨如何使用ExtJS来模拟Excel表格,以及实现Excel的各种功能。 首先,ExtJS中的GridPanel组件是实现模拟Excel表格的核心。GridPanel允许我们展示大量数据,并提供了诸如排序、过滤、分页等...

    ExtJS Grid功能实现

    ExtJS 表格的功能实现,包括单元格编辑,数据的获取。

    extJs,一个非常棒的js框架

    extJs,一个js前端开发框架,非常不错

    extjs 树 搜索

    EXTJS提供了树形搜索的功能,使得用户可以方便快捷地定位到所需内容。 EXTJS中的树形搜索主要涉及到以下几个关键知识点: 1. **树形数据结构**:EXTJS的树形控件基于JavaScript对象数组构建,每个节点代表一个对象...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的Ajax接口和JSON数据模型可以帮助实现这个功能,将设计的流程图保存为JSON文件,然后在需要时加载回来。 6. **事件处理**:在设计器中,用户操作如点击、拖放都需要相应的事件处理。ExtJS的事件系统使得绑定...

    轻松搞定Extjs 带目录

    表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel的分页功能和扩展组件如摘要行、可展开行、分组视图等,让数据的展示更加直观和易于管理。 通过学习...

    ExtJS教程_完整版

    ExtJS教程全面介绍了ExtJS框架的基本功能和高级特性,适用于有Web开发经验的开发者,尤其是希望快速构建丰富用户界面的人员。ExtJS是一个基于JavaScript的开源前端框架,它提供了丰富的用户界面组件和数据处理机制,...

    extjs打印功能

    ### ExtJS 打印功能详解 #### 一、概述 ExtJS 是一款强大的 JavaScript 框架,用于构建复杂的前端应用程序。它提供了丰富的组件库,包括数据网格(grid)、窗体(form)等,并且支持高级功能如拖放、动态加载等。在...

    ExtJS 7.6 SDK trial

    SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。以下是对ExtJS 7.6 SDK的一些关键知识点的详细解释: 1. **组件库增强**:ExtJS 7.6提供了大量预先...

    ExtJS 界面设计器

    5. **提高开发效率**:对于ExtJS开发者来说,界面设计器减少了编写和调试前端代码的时间,使得他们可以更快地专注于业务逻辑和后端集成。这尤其适用于需要快速搭建原型或者频繁修改界面布局的项目。 6. **版本控制...

Global site tag (gtag.js) - Google Analytics