Ext.onReady(function(){vartree=Ext.create('Ext.tree.Panel',{title:'樹(shù)面板簡(jiǎn)單示例',//標(biāo)題width:200,height:500,rootVisible:true,//是否顯示rootrenderTo:Ext.getBody(),root:{text:'樹(shù)根'," />

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Extjs4----tree

系統(tǒng) 1809 0

只是在頁(yè)面中演示tree的使用,寫死在頁(yè)面中,未從數(shù)據(jù)庫(kù)中調(diào)用數(shù)據(jù)


    <script type="text/javascript">
			Ext.onReady(function() {
				var tree = Ext.create('Ext.tree.Panel', {
					title : '樹(shù)面板簡(jiǎn)單示例',//標(biāo)題
					width : 200,
					height : 500,
					rootVisible: true,//是否顯示root
					renderTo : Ext.getBody(),
					root : 
						{
							text : '樹(shù)根',//節(jié)點(diǎn)名稱
							expanded : true,//默認(rèn)展開(kāi)根節(jié)點(diǎn)
							//創(chuàng)建子節(jié)點(diǎn)
							children : 
							[
								//第一個(gè)子節(jié)點(diǎn)
								{
									text : '節(jié)點(diǎn)1',//節(jié)點(diǎn)名稱
									leaf : false,//說(shuō)明不是葉子節(jié)點(diǎn),可以加子節(jié)點(diǎn)
									children : 
									{
										text : '節(jié)點(diǎn)1',//節(jié)點(diǎn)名稱
										leaf : true,//說(shuō)明為葉子節(jié)點(diǎn),后面不再有子節(jié)點(diǎn)
									}
								},
								//第二個(gè)子節(jié)點(diǎn)
								{
									text : '節(jié)點(diǎn)2',//節(jié)點(diǎn)名稱
									leaf : true,//說(shuō)明為葉子節(jié)點(diǎn)
								}
							]
						}
				});
			});
		</script>
  

效果圖

Extjs4----tree

多列樹(shù)

    <script type="text/javascript">
			Ext.onReady(function() {
				var tree = Ext.create('Ext.tree.Panel', {
					title : '樹(shù)面板簡(jiǎn)單示例',//標(biāo)題
					width : 300,
					height : 500,
					rootVisible: true,//是否顯示root
					fields : ['text','description'],
					columns : 
						[
							{
								xtype: 'treecolumn',//樹(shù)狀表格列   
        						text: '名稱',   
						        dataIndex: 'text',   //設(shè)置顯示的名稱
						        width: 150,   
						        sortable: true 
							},
							{
								text: '描述',   
						        dataIndex: 'description',   
						        flex: 1,   
						        sortable: true  
							}
						],
					renderTo : Ext.getBody(),
					root : 
						{
							text : '樹(shù)根',//節(jié)點(diǎn)名稱
							description : '根目錄',
							expanded : true,//默認(rèn)展開(kāi)根節(jié)點(diǎn)
							//創(chuàng)建子節(jié)點(diǎn)
							children : 
							[
								//第一個(gè)子節(jié)點(diǎn)
								{
									text : '節(jié)點(diǎn)1',//節(jié)點(diǎn)名稱
									description : '第一個(gè)節(jié)點(diǎn)',
									leaf : false,//說(shuō)明不是葉子節(jié)點(diǎn),可以加子節(jié)點(diǎn)
									children : 
									{
										text : '節(jié)點(diǎn)1的節(jié)點(diǎn)',//節(jié)點(diǎn)名稱
										description : '第一個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)',
										leaf : true,//說(shuō)明為葉子節(jié)點(diǎn),后面不再有子節(jié)點(diǎn)
									}
								},
								//第二個(gè)子節(jié)點(diǎn)
								{
									text : '節(jié)點(diǎn)2',//節(jié)點(diǎn)名稱
									description : '第二個(gè)節(jié)點(diǎn)',
									leaf : true,//說(shuō)明為葉子節(jié)點(diǎn)
								}
							]
						}
				});
			});
		</script>
  

效果圖

Extjs4----tree


Extjs4----tree


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 国产一级毛片国产 | 亚洲成色在线综合网站 | 思思久久这里只精品99re66 | 亚洲国产精品自产拍在线播放 | 国产精品亚洲一区二区三区正片 | 草莓视频在线观看精品最新 | 久久久久久久久久免观看 | 日韩精品一区二区在线观看 | 青青青青啪视频在线观看 | 成年女人视频播放免费观看 | 女女女女女女bbbbbb级毛片 | 亚洲高清在线观看播放 | 天天射久久 | 伊人色综合网一区二区三区 | 亚洲精品久久久久久久福利 | 特一级男女性色大片 | 国产精品bdsm在线调教 | a毛片免费在线观看 | 亚洲激情网 | 香蕉网视频 | 日韩天堂 | 午夜视频网站在线观看 | 亚洲欧美色综合大色 | 香蕉视频在线观看网站 | 国产欧洲亚洲 | 日韩在线操 | 欧日韩美香蕉在线观看 | 日韩欧美毛片免费观看视频 | 欧美日韩视频精品一区二区 | 特级毛片在线播放 | 欧美视频一区 | 一本一本久久a久久精品综合麻豆 | 久久综合久久美利坚合众国 | 久久天天躁狠狠躁夜夜躁 | 久久精品国产一区二区三区不卡 | 人人乳乳香蕉大免费 | 欧美一级视频免费观看 | 国产精品亚洲欧美一区麻豆 | 狠狠干夜夜操 | 日本高清视频一区二区 | 亚洲精品字幕一区二区三区 |