Extjs radio布局--横向排列
时间:2022-04-26
本文章向大家介绍Extjs radio布局--横向排列,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1 /**
2
3 * 出租车电召设计
4
5 * @author Don Quixote
6
7 * 20090407
8
9 * Hello,Don Quixote!
10
11 */
12
13 function ElectronicSummonPanel()
14
15 {
16
17 var self=this;
18
19 this.eleSummonPanel=new Ext.TabPanel({
20
21 autoTabs : true,
22
23 activeTab : 0,
24
25 deferredRender : false,
26
27 border : false
28
29 });
30
31
32
33 this.dispatchPanel=new Ext.FormPanel({
34
35 title:'电召调度',
36
37 labelAlign: 'left',
38
39 frame:true,
40
41 bodyStyle:'padding:0px 0px 0',
42
43 width: '100%',
44
45 region:'center',
46
47 //labelWidth:70,
48
49 buttonAlign:'center',
50
51 items: [{
52
53 layout:'column',
54
55 id:'id_formPanelAddPosition'
56
57 }]
58
59 });
60
61 this.reserveListPanel={
62
63 title:'预约列表',
64
65 html:'tb2'
66
67 };
68
69 //调度方式
70
71 var dispatchModel={
72
73 columnWidth:1,
74
75 layout: 'form',
76
77 items: [{
78
79 xtype: 'panel',
80
81 layout: 'table',
82
83 fieldLabel: '调度模式',
84
85 defaultType: 'radio',
86
87 isFormField: true,
88
89 items: [{
90
91 name: 'prjPermissionCode', //这里加入name表示两个radio属于同一个组,形成单选模式,如果不加name或者两个name不一样,则会发生两个都会选择的情况
92
93 boxLabel: '即时调度',
94
95 value: '1',
96
97 checked:true
98
99 },{
100
101 name: 'prjPermissionCode',
102
103 boxLabel: '预约调度',
104
105 value: '2'
106
107 }]
108
109 }
110
111 ]
112
113 }
114
115 this.formPanelAddPosition=Ext.getCmp("id_formPanelAddPosition");
116
117 this.formPanelAddPosition.add(dispatchModel);
118
119
120
121 this.eleSummonPanel.add(self.dispatchPanel);
122
123 this.eleSummonPanel.add(self.reserveListPanel);
124
125 this.eleSummonWindow_InControlPanel=new Ext.Window({
126
127 title:'出租车电召',
128
129 layout:'fit',
130
131 width:500,
132
133 height:300,
134
135 closeAction:'hide',
136
137 plain:true
138
139 });
140
141 this.eleSummonWindow_InControlPanel.add(self.eleSummonPanel);
142
143 this.eleSummonWindow_InControlPanel.show();
144
145 }
- Hive四种数据导入方式
- 34c3 部分Web Writeup
- 原来Oracle也不喜欢“蜀黍"(r6笔记第54天)
- Java基础19(01)总结IO流,异常try…catch,throws,File类
- 使用shell生成orabbix自动化配置脚本(r6笔记第53天)
- 现在 tensorflow 和 mxnet 很火,是否还有必要学习 scikit-learn 等框架?
- 数据的标准化与中心化以及R语言中的scale详解
- Java基础19(02)总结IO流,异常try…catch,throws,File类
- HTML5 — header
- 两条报警信息的分析(第二篇)(r6笔记第71天)
- 两条报警信息的分析(第一篇) (r6笔记第70天)
- R-求y=sin(X) 0-PI 面积代码
- Facebook 发布 wav2letter 工具包,用于端到端自动语音识别
- Java企业面试——Java基础
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 诸葛亮vs司马懿,排序算法大战谁能笑到最后?
- Centos密钥登陆,解决云服务器被尝试登陆问题
- Fair Scheduler到Capacity Scheduler 转换工具
- 这可能是把SpringBoot配置文件讲解的最详细的文章了
- 抛出这8个问题,检验一下你到底会不会ThreadLocal,来摸个底~
- 最近合肥降雨不断,给自己做一个天气情况微信定时推送吧
- 【适合收藏】为了多点时间陪女朋友,我向BAT大佬跪求了这15条JS技巧
- iOS文本尺寸自适应异步计算实现
- CentOS7下系统分析与排障利器sysdig简单介绍
- Faker 一个生成虚拟数据的Python模块
- ICLR 2020 Mogrifier LSTM 解析
- 优秀的程序员是如何利用工具来提升工作效率的?
- webpack实战——一切皆模块
- IntelljJ最新激活教程,有效期到 2089 年!
- 【从0到1学算法】二分查找法