论坛首页 Web前端技术论坛

也来秀秀,我的Ext学习成果

浏览 33550 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (5) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-06-23  
checkbox/radio group的实现

现在也碰到这个问题叻,经常我们需要把几个check box放到一个field里,横着放着,共用一个label,在网上看ext forum的文章,有说到这个问题的,不过这个还没有带在2,1的release里,自己用layout的组合试叻一下,主要有一下几个问题。

1. 不能很好的和form的load合用,必须在load的callback里对checkbox做初始化。
2. Check里的文字字体不一致,对美工不熟悉还不知道怎么改。
3. 有时提交有问题,有js错,还没有找到根本原因,用firebug做调试,一个一个的排查,还没有结论


希望ext自带的checkbox/radio group能够尽快的出来哟。
0 请登录后投票
   发表时间:2008-06-23  
我现在用的是radio,文字要大一号样的,

  • 大小: 55.2 KB
0 请登录后投票
   发表时间:2008-06-23  
tubinee 写道
checkbox/radio group的实现

现在也碰到这个问题叻,经常我们需要把几个check box放到一个field里,横着放着,共用一个label,在网上看ext forum的文章,有说到这个问题的,不过这个还没有带在2,1的release里,自己用layout的组合试叻一下,主要有一下几个问题。

1. 不能很好的和form的load合用,必须在load的callback里对checkbox做初始化。
2. Check里的文字字体不一致,对美工不熟悉还不知道怎么改。
3. 有时提交有问题,有js错,还没有找到根本原因,用firebug做调试,一个一个的排查,还没有结论


希望ext自带的checkbox/radio group能够尽快的出来哟。


试叻试column的layout可以叻,不用table,用column的布局就可以叻。

{
																			xtype: 'panel',
																      		border:false, 
															            	layout: 'column',
															            	fieldLabel: '权限',
																			autoHeight:true,
								
															            	items: [{
															            		columnWidth: .33,
															            		items:[{ 
																	                name: 'flagtype',																                
																	                boxLabel: '浏览权限',
															                inputValue: 0x01,
																	                xtype:'checkbox',
																	                checked: true
																	              }
																            	]},{
																            	columnWidth: .33,
																            	items:[{
																	            	name: 'flagtype',
																	                boxLabel: '发表权限',
																	                
																	                //itemCls :'x-form-field',
																	                //value: 'isca',  // inputValue属性代替value属性
																	                inputValue: 0x02,
																	                xtype:'checkbox',
																	                checked: false
																            	}]
																            	},{
																            	columnWidth: .33,
																            	items:[{
																	            	name: 'flagtype',
																	                boxLabel: '管理权限',
																	                
																	                //itemCls :'x-form-field',
																	                //value: 'isca',  // inputValue属性代替value属性
																	                inputValue: 0x04,
																	                xtype:'checkbox',
																	                checked: false
																            	}]
															            	}]
																		},
																		{
																			name: 'permission',
																			boxLabel: '',
																			fieldLabel:'禁止',
																			//itemCls :'x-form-field',
																			//value: 'isca',  // inputValue属性代替value属性
																			inputValue: 1,
																			xtype:'checkbox',
																			checked: false
																		}]
																	}
  • 大小: 56.5 KB
0 请登录后投票
   发表时间:2008-06-23  
Checkbox的选中问题已经搞定

如果不涉及到数据交互,只是看UI估计就不会有这么多的小问题要解决叻,

比如,checkbox就是一个小问题

对于ExtJs的官方教程,这个checkbox倒是有很多的教程,按照那些教程倒是可以捣鼓出自己的checkbox,可是和项目相关的功能,比如checkbox的预设值,这个checkbox的check与否,不是事先在js的文件里写的,而是从后台的数据load到,加载到表单里的,在Extjs文档里找到

setValue( Boolean/String checked ) : void
Sets the checked state of the checkbox.
Sets the checked state of the checkbox.
Parameters:

checked : Boolean/String
True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.
Returns:

void

flag = formUtils.getLoadDataFieldValue(form, "flag");
																		
																		if(flag)
																		{
																			if((flag & 0x01) == 0x01)
																			{
																				form.findField("flag1").checked = true;	
																				form.findField("flag1").setValue(true); 																		
																			}
																			
																			if((flag & 0x02) == 0x02)
																			{
																				form.findField("flag2").checked = true;
																				form.findField("flag2").setValue(true);																			
																			}
																			
																			if((flag & 0x04) == 0x04)
																			{
																				form.findField("flag3").checked = true;
																				form.findField("flag3").setValue(true);																			
																			}
																		}



  • 大小: 48.7 KB
0 请登录后投票
   发表时间:2008-06-24  
form的renderer没有grid的好,

我在做form里的checkbox时,想用类似grid的renderer来解决,不过很可惜的是form里没有这个很好的东东,只好在load的callback里做叻这个。

Ext里有很好的reader,Loader,renderer,Proxy,Store等概念,但是还没有很规范的体系支持,这些好的思想还是分散在不同的component,希望ext作者在后面的版本里,能够有更好的体系把这些东东串在每个常用的component里。
0 请登录后投票
   发表时间:2008-06-24  
测试了一下,只是加载系统大约占用20多M内存。打开几个tab,操作几下,就会发现N多孤立的dom节点不能释放。我感觉这个是个大问题,如果不很好的解决,很难将extjs用于实际的复杂系统。
0 请登录后投票
   发表时间:2008-06-24  
hui2008 写道
测试了一下,只是加载系统大约占用20多M内存。打开几个tab,操作几下,就会发现N多孤立的dom节点不能释放。我感觉这个是个大问题,如果不很好的解决,很难将extjs用于实际的复杂系统。


thanks

我在做的时候特别注意叻Dom节点的释放的问题,因为在我们自己的Dojo项目中已经被这个问题整过,所以我在做这个demo的时候,特别的对一些不用的window,不用的tabpanel都做叻destory的显示调用,虽然ext体系在处理的时候有autodestory,但是还是没有用autodestory的功能,

你有没有详细一点的report,我查查是那些孤立的节点没有释放。

谢谢。
0 请登录后投票
   发表时间:2008-06-24  
嗯,挺不错的,支持
0 请登录后投票
   发表时间:2008-06-24  
栏目管理基本上已经实现,还有combobox还没有使用到,其他的Extjs里的主要component基本上都已经试过,个人感觉用Ext开发项目还是很值得期待的

下面将做信息管理的功能,主要是验证一下htmleditor在项目中的实施,做完这个开始做工作流这块叻。
0 请登录后投票
   发表时间:2008-06-24  
tubinee 写道
hui2008 写道
测试了一下,只是加载系统大约占用20多M内存。打开几个tab,操作几下,就会发现N多孤立的dom节点不能释放。我感觉这个是个大问题,如果不很好的解决,很难将extjs用于实际的复杂系统。


thanks

我在做的时候特别注意叻Dom节点的释放的问题,因为在我们自己的Dojo项目中已经被这个问题整过,所以我在做这个demo的时候,特别的对一些不用的window,不用的tabpanel都做叻destory的显示调用,虽然ext体系在处理的时候有autodestory,但是还是没有用autodestory的功能,

你有没有详细一点的report,我查查是那些孤立的节点没有释放。

谢谢。



显示调用destroy并不会释放内存. Ext的bug

另外,你所指的规范的体系代表什么?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics