分享一个ExtJS4的应用

自正式工作,就一直在ExtJS下作开发,虽然一直都不太喜欢这个富应用框架,但是不得不说,在很多方面,它很强大。从最近工作中,抽取了一个很小的功能点,虽然整个实现并没有什么特别之处,但是仔细做时间,还是有很多考虑的。现在就把这个小应用分享出来,希望能对学习Ext的同学们有所帮助。

直接下载文件:点我下载(解压,使用浏览器打开index.html即可,推荐chrome,firefox、opera和IE9+。由于公司项目基本只考虑chrome,所以还是chrome吧)

这是一个对ExtJS4的grid进行操作的小应用,打开index.html。

双击grid任意一行,显示编辑该行数据的弹窗。

弹窗会根据该行数据生成相应的选项,并将相应内容赋值到选项列表和答案中。可以根据需要添加或者删除选项。

此处,设定了最多添加四项,可根据自己的需要修改controller层Items.js文件下的第29行:

                var label = contitems.items.items.length;
		if(label > 3){//可根据需要修改选项数
			return Ext.Msg.alert('提示信息','最多添加4项');
		}        

 删除选项时,需要按顺序删除,删除D之后,才可以删除C,然后是B。在后一项存在的情况下,无法删除前一项,如存在D,直接删除C,会提示不可删除。

在添加或者删除选项时,都会根据需要添加或删除相应的答案复选框。

posted @ 2013-01-21 17:23  lebang  阅读(575)  评论(2)    收藏  举报