本文是个人学习Extjs调试程序心得,有错请指正,谢谢指教!

写这篇文章的初衷是因为学习Extjs有了大半年的时间,从问问题到可以解答一些常识性问题过程中意识到,很多新手在问问题的时候都只是问结果为什么不是想的那样,包括我自己刚开始。其实问问题是一门又学问的事,知道问题点在那里在去问 这样可以事半功倍,别人也乐于为你解答。在这里我就简单的说一下Extjs 在调试上 我是怎么查找问题的。(Extjs 不同于轻量级的框架,需要一些js,jquery方面的基础)

问题类型1:为什么我加的组件不显示。

  拜托!..你加的组件不显示我怎么知道。我还得帮你捋一捋你的思路,所以很多新人问这个问题的时候都是没人愿意回应的,因为解决起来很麻烦,很多种可能性。下面我就带来我的调试方法。首先打开浏览器的调试框,如下图:

            

看看程序是否报错,报错的原因是什么,报错在那个文件,那段代码。一般只看自己添加组件所在js的错误信息(关于如何查找到准确的错误信息自行百度)

然后如果没有报错还不显示怎么办呢? 接下来我们就要检查是添加组件本身的问题,还是父组件兼容问题。

  1.很简单 还记得你写的第一个Ext界面么,把你的组件抽出来 单独显示在一个页面上。如果可以显示就可能是父组件的问题,但是是否是兼容问题,还要进行一步。如果不现实就是你组件本身的问题,请参考api进行更改,主要检查自己添加的属性会给组件带来什么样的影响。(熟悉api非常重要)

  2.用系统组件代替你的自定义组件,api上的例子直接复制到你的组件的代码上就可以了,比如你自定义的combobox不显示,那就用api上的combobox,如果api上的例子可以显示那么就是你定义的combobox的问题,一般常规的配置参考api(自己定义的属性要知道是用来做什么的,再次声明api非常重要),如果系统组件也无法显示那么就是父组件的兼容性问题了,一般是用搜索引擎可以找到常见的问题答案,同时父组件如无特殊要求应该尽量使用自身不带有布局属性或者特殊属性的容器(如Panel,Container,Component)。

问题类型2:为什么后台的值在前台无法显示?

  拜托!你总得告诉我值到哪里了,有没有传回前台,前台有没有请求后台的值。下面就是我在这一类型问题上的解决方法

  1.首先你要知道你的组件有没有报错,如果报错请参考上面的浏览器调试或者自行百度报错原因。

  2.如果没报错,那么前台是否发请求去后台请求值&请求是否有效,如果没有发送请求,那就是你组件请求的问题(仔细检查store,ajax,ext.request.etc..)。

  如果请求报403,501等错误自行百度解决。

  3.是否后台报错,是否请求超时。如果有自行检查后台代码(多写调试语句对新手很重要)

  4.如果请求收到了数据,请检查数据格式和内容是否和你要的数据格式是一致的。

  5.前台是否解析到了你的数据,检查fields或者model或者直接对象取属性,键值对是否一致。

  6.前台组件数据标识是否与fields或者model一致,如一般组件数据标识是‘name’,grid中的列数据标识是‘dataIndex’。

  7.如果上述都可以,还是无法解决就只能自求多福了。(注:用法不对产生的问题,不算extjs本身的bug)

问题类型3:流程性问题

  拜托!流程性问题很耗时间,可能性也很多,大家都是工作的 都很忙ok?

  遇到流程性问题 应该自己先有个数据处理的流程,心中大致有个流程图 然后在动手 ,具体的技术上问题再去询问 大家都会乐意为你解答。

以上纯属个人见解,如果有异议

  哈哈,打死我啊,来打死我啊。

  

转载于:https://www.cnblogs.com/zuoxiaoxia/p/5527786.html

ExtJS新手调试过程相关推荐

  1. 单片机驱动DM9000网卡芯片(详细调试过程)【下】

    http://hi.baidu.com/mcu8031/blog/item/c95903138671c625dc540171.html 单片机驱动DM9000网卡芯片(详细调试过程)[下] 4.验证初 ...

  2. stm32--FatFs调试过程(SPIFlash)

    移植方法参见我的另一篇博客:<stm32--FatFs移植(SPIFlash)>. 本文仅记录在初次移植完成后,遇到的问题,和解决的过程. 调试记录: 问题1:f_open返回3,即磁盘没 ...

  3. linux下jtag命令,[转载]LINUX内核调试过程(使用OpenJtag + OpenOCD)

    [转载]LINUX内核调试过程(使用OpenJtag + OpenOCD) (2012-04-12 02:02:27) 标签: 杂谈 [转载]LINUX内核调试过程(使用OpenJtag + Open ...

  4. [VN2020 公开赛]simpleHeap-记录一次gef调试过程

    [V&N2020 公开赛]simpleHeap 安全机制: IDA反汇编 main: Add: Edit: 可以看到get_input_content函数包含一个off_by_one漏洞. S ...

  5. c语言调试过程中的错误,C语言调试过程中duplicate symbol错误分析

    说明:在我们调试C语言的过程中,经常会遇到duplicate symbol错误(在Mac平台下利用Xcode集成开发环境).如下图: 一.简单分析一下C语言程序的开发步骤. 由上图我们可以看出C语言由 ...

  6. PIXHAWK上安装PX4Flow光流传感器及调试过程

    摘自:https://blog.csdn.net/wlrh253250/article/details/90146561 PIXHAWK上安装PX4Flow光流传感器及调试过程 置顶 wang-rh ...

  7. STM32调试过程中出现的问题1:

    STM32调试过程中出现的问题1: -\HARDWARE\KEY\key.c(47): error: #29: expected an expression if(key_up&&(K ...

  8. 百度云PCS调试过程

    其实整个调试过程按照百度的开发指南做就可以了,只是现在百度云平台又改版,而开发文档在一些地方没有同步更新.所以写下我的调试过程供大家参考. 1.当然首先是注册成为百度开发者 2.任意创建一个应用,我选 ...

  9. 腾讯在线教育互动课堂——Demo调试过程记录

    官方文档地址:https://cloud.tencent.com/document/product/680/17888 "Demo调试"不像集成使用,不需要完全按照文档一步步处理, ...

最新文章

  1. perl6之'Hello World'
  2. Tensorflow tf.placeholder函数
  3. 想知道深度学习卷积在GPU上如何优化吗?“大神”赵开勇带你深入浅出
  4. 微软的搜索引擎挺不错的
  5. 食物链 POJ - 1182
  6. android 获取对象,在Android中获取LayoutInflater对象的方法
  7. 怎样在PropertySheet中添加按钮
  8. WCF、WebAPI、WebService之间的区别
  9. AngularJS之中级Route【二】(七)
  10. phpstorm设置方法头信息备注
  11. 100个常用的Linux命令
  12. java 正则车牌_javascript匹配车牌号正则表达式
  13. 分页控件AspNetPager的用法
  14. python统计字符串字母个数_python如何统计字符串中字母个数?_后端开发
  15. 小知识点日记 2013-1-17 至 2013-6-13
  16. 发微博利器 FaWave(发微)---- chrome扩展程序
  17. 学历不高的人,去学这5个技术,好找工作,上班也不累
  18. NachOS线程ID的实现、最大线程数的实现和优先级的添加
  19. Fly.Box 2.0.2 企业网盘,企业云盘解决方案
  20. DialogBox Function

热门文章

  1. stone (组合数学 + Lucas定理)
  2. 一些出的不错的Java面试题(一)
  3. JAVA程序员代表大众车,C++程序员代表捷豹,看看各类程序员们代表着什么车
  4. 岭回归Lasso回归
  5. 详解Python正则表达式之: (?Pname…) named group 带命名的组
  6. 过滤器显示一个路径下特定的文件
  7. 随机抽样之蓄水池算法
  8. SilverLight学习笔记--Silverlight中操作DOM元素
  9. 微软人工智能-服务和 API
  10. 麦克风阵列能干这么多事你知道吗?