当前位置: 首页 > news >正文

Ext JS添加子组件的误区

经常会有人问我,为什么我的Grid不能岁窗口的变得而自动调整。了解后,发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里,而这正是问题的所在。

在Ext JS的布局系统中,能控制到的是容器的子组件,而对于渲染到容器中一个DIV的Grid,它并不知道在这容器里添加了一个Grid,当调整大小的时候,也就无法去调整Grid的大小了,而这也就是为什么Grid不会随容器的改变而改变了。

为什么那么多人喜欢使用这种方式来添加子组件呢?我想原因主要有以下两点:

  1. 不知道如何在容器内添加子组件,

  2. 习惯了使用JQuery等其他框架的开发方法,一时无法改变


第一个原因,只要是动态添加Grid,搞到很多初学者束手无策,譬如,我的Grid要从远程返回后才知道怎么创建,我怎么去拿这个脚本和添加到容器呢?笔者在学习Ext JS也犯过这样的错误,可以理解。所以,本文的作用就是来解惑的。


办法有两个:一是,使用Ajax把整个Grid(或其他组件的配置对象)加载到本地,然后使用容器的add方法就可以将组件添加到容器;一是直接使用容器的load功能,直接加载子组件并渲染,返回的数据就是子组件的配置对象。


第二个原因是习惯问题,只能自己去修正了,尽快熟悉Ext JS的开发模式就可以很容易改掉这个习惯。


如果是使用Ext JS 4的MVC做开发,基本不会出现这么尴尬的情况了,因而可以将子组件做成视图,然后在控制器中将视图添加到容器中就可以了。


相关文章:

  • vue 个人积累(使用工具,组件)
  • linux_shell_5_shell特性_正则_1
  • 【Python模块】Python UUID模块
  • 以太坊客户端Geth命令参数详解
  • 寒门难再出贵子(4),一篇值得思考的文章
  • Centos7下自建yum源并同步阿里云镜像的rpm包
  • CentOS 网络设置
  • java集合之linkedList链表基础
  • ReSharper7.1.25.234 注册机
  • Java之word导出下载
  • bootstrap完美实现5列布局
  • 第二章 JAVA语言基本语法————数据类型之间的转换
  • 爱奇艺大数据招聘
  • 记一次element-ui组件开发经历
  • 初遇博客园
  • 【知识碎片】第三方登录弹窗效果
  • 07.Android之多媒体问题
  • angular2 简述
  • Brief introduction of how to 'Call, Apply and Bind'
  • css选择器
  • EventListener原理
  • java多线程
  • js如何打印object对象
  • Median of Two Sorted Arrays
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Transformer-XL: Unleashing the Potential of Attention Models
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 关于for循环的简单归纳
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 说说动画卡顿的解决方案
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 组复制官方翻译九、Group Replication Technical Details
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • #define、const、typedef的差别
  • #快捷键# 大学四年我常用的软件快捷键大全,教你成为电脑高手!!
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (02)Hive SQL编译成MapReduce任务的过程
  • (1)SpringCloud 整合Python
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (附源码)ssm高校运动会管理系统 毕业设计 020419
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (一)Thymeleaf用法——Thymeleaf简介
  • (转)大型网站架构演变和知识体系
  • .NET Core中的去虚
  • .NET MVC之AOP
  • .NET Project Open Day(2011.11.13)
  • .NET 的程序集加载上下文
  • .NET分布式缓存Memcached从入门到实战
  • .NET命名规范和开发约定
  • @Bean, @Component, @Configuration简析
  • @RequestParam,@RequestBody和@PathVariable 区别