ExtJS专题-TreePanel(1)收藏

ExtJS专题-TreePanel(1)收藏

ExtJS专题-TreePanel(1)收藏这次我们来学习下ExtJS中的树面板(TreePanel),很多人都说,只是为了树,都要好好学习ExtJS!可见大家对Tree的一往情深。从另一方面来说,Tree这种结构在实际项目中也的确用得相当广泛,所以我们很有必要研究一下它。这次我们完成的树大致上有这样的功能:它的节点是动态异步从后台(存储在数据库中一张电子产品分类表)加载的,节点之间可以拖曳,节点可以编辑,同时还支持右键菜单,而且,它能够和TabPanel结合构成经典的布局方式。呵呵,是不是很强大?!大家已经看到,我们组件的讲解是逐步递推的,所以我们这里也会用到刚学过的GridPanel和TabPanel这些实用的面板。我们看效果先:

好啦,洪哥,我们动手吧!

1. 首先还是主要的显示页面tree.html,这里有两个地方要注意一下,一个是我们引用的JS如果采用GBK的默认编码,浏览器会显示未结束的字符串常量的错误,所以我们一般会修改JS文件的编码方式为UTF-8,或者在导入JS时加上编码字符集。第二个是我们要定义一个显示TreePanel的DIV。

ttp://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd">

Insert title here

相关数据

假胯宽跟这4大异常姿势有关!自我矫正跟着做~
365bet官方开户

假胯宽跟这4大异常姿势有关!自我矫正跟着做~

⌛ 07-30 👁️‍🗨️ 5919
古剑奇谭2
365bet官方开户

古剑奇谭2

⌛ 08-21 👁️‍🗨️ 374
国际武联官方赛事
365bet稳定备用网站

国际武联官方赛事

⌛ 07-29 👁️‍🗨️ 7271
雅悦名字的含义与寓意
365bet稳定备用网站

雅悦名字的含义与寓意

⌛ 07-01 👁️‍🗨️ 9011
西伯利亚花栗鼠多少钱一只
365bet在线娱

西伯利亚花栗鼠多少钱一只

⌛ 07-28 👁️‍🗨️ 5429