摘要:
grid控件是EXTJS中非常常用的组件,用于生成表格一、最简单的表格:例子: 执行结果:二、通过selType属性设置表格的数据选择方式是行选择(默认)还是元素选择rowmodel:行选择例子:执行结果:cellmodel:元素选择模式执行结果:三、表格的列类型:说明:列类型包括:序号、默认(正常显示)、模板列、逻辑判断列、日期列、数值列、行为列例子:执行结果: 阅读全文
摘要:
说明:本文内容主要来自:EXTJS官方文档+EXTJS4 FIRST LOOK +自己的理解,强烈建议有时间的朋友把EXTJS4 FIRST LOOK这本书看一遍目录:一 Extjs 基础EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范EXTJS4自学手册——EXT基本方法、属性(onReady、define、create)EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor)EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require)EXTJS4自学手册——EXT对象选择二 Extjs 数据组件EXTJ 阅读全文
摘要:
一、Dock说明:在组件的上下左右添加其他组件通过dock属性设置添加的组件在原组件的位置例子:执行结果:二、Tool说明:生成工具图标,注意,只生成鼠标,按下的方法需要自定义例子:执行结果: 阅读全文
摘要:
一、Fit布局说明:容器内的组件占满整个容器例子:执行结果:二、Card布局说明:多个组件重叠排列,一次只有一个组件显示,占满整个容器。例子:执行结果:三、Border布局说明:将容器分为上下左右中5个区域,其中中间区域的组件必须有,其他区域可有可无例子:执行结果: 阅读全文
摘要:
一、Vbox布局说明:组件在容器内垂直布局,使用方法和Hbox一样,组件渲染方向不同例子:执行结果:二、Accordion布局说明:容器内的组件同时只能有一个展开,其他的收缩例子:执行结果:三、Table布局说明:表格布局例子:执行结果:四、Column布局说明:和hbox相似,控件的宽度可以设置百分比,在同样的情况下,建议使用hbox布局例子:执行结果: 阅读全文
摘要:
一、auto布局说明:组件在容器中根据渲染顺序从上大小依次排列例子:执行结果:二、anchor布局说明:容器内的空间可以通过anchor属性来设置宽、高。格式:“宽 高”,如果是负数,表示距离右边(当设置宽的时候)/下边(当设置高的时候)的长度例子:三、absolute布局说明:在achor布局的基础上,可以设置容器内控件的左上角离容器左上角的距离例子:执行结果:四:Hbox布局说明:在容器内部水平布局,能够设置flex属性,自适应宽度设置了flex属性的控件的宽度=(容器宽度-设置了确定宽度的组件长度和)*当前控件flex属性值/(容器内控件flex值之和)例子:执行结果: 阅读全文