本發(fā)明涉及表格控件領(lǐng)域，特別涉及一種基于actionscript的樹形表格控件。
背景技術(shù)：
當(dāng)前許多樹形表格控件僅僅做到了數(shù)據(jù)的可視化展示，但是這種展示僅僅是一種靜態(tài)的，與用戶不可交互的展示。目前缺少一種樹形表格控件，可豐富用戶與可視化數(shù)據(jù)之間的交互操作，為用戶提供更為便捷和直觀的操作數(shù)據(jù)的方式，并且這種樹形表格控件應(yīng)該具有在不同環(huán)境的操作系統(tǒng)和瀏覽器中都能正常使用，即該控件應(yīng)該具備跨平臺(tái)、跨瀏覽器使用的能力。
技術(shù)實(shí)現(xiàn)要素：
本發(fā)明要解決的技術(shù)問(wèn)題是：提供一種基于actionscript的樹形表格控件，讓用戶便捷和直觀的操作數(shù)據(jù)。
為解決上述問(wèn)題，本發(fā)明采用的技術(shù)方案是：一種基于actionscript的樹形表格控件，包括數(shù)據(jù)可視化展示模塊、第一拖拽放置模塊以及第二拖拽放置模塊；
所述數(shù)據(jù)可視化展示模塊對(duì)數(shù)據(jù)源進(jìn)行可視化展示，展示結(jié)果為樹形表格內(nèi)容；
當(dāng)用戶通過(guò)鼠標(biāo)選中節(jié)點(diǎn)并用鼠標(biāo)鍵進(jìn)行拖拽的時(shí)候，所述第一拖拽放置模塊用于將選中的節(jié)點(diǎn)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)，當(dāng)鼠標(biāo)移到另一節(jié)點(diǎn)上并用鼠標(biāo)鍵結(jié)束鼠標(biāo)移動(dòng)時(shí)，所述第一拖拽放置模塊將移動(dòng)的節(jié)點(diǎn)被添加到另一節(jié)點(diǎn)的子級(jí)，若該另一節(jié)點(diǎn)已有子級(jí)節(jié)點(diǎn)，則自動(dòng)添加到子級(jí)節(jié)點(diǎn)最后位置，添加成功之后，作為展示的數(shù)據(jù)源也隨之做出相應(yīng)改變；
當(dāng)用戶通過(guò)鼠標(biāo)選中節(jié)點(diǎn)，并按下指定鍵，并用鼠標(biāo)鍵進(jìn)行拖拽的時(shí)候，所述第二拖拽放置模塊用于將選中的節(jié)點(diǎn)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)并標(biāo)記節(jié)點(diǎn)將要放置的位置，當(dāng)用鼠標(biāo)鍵結(jié)束鼠標(biāo)移動(dòng)時(shí)，所述第二拖拽放置模塊將移動(dòng)的節(jié)點(diǎn)被添加到鼠標(biāo)在當(dāng)前的所標(biāo)記的位置，添加成功之后，作為展示的數(shù)據(jù)源也隨之做出相應(yīng)改變。
進(jìn)一步的，所述數(shù)據(jù)可視化展示模塊對(duì)xml和json格式數(shù)據(jù)源進(jìn)行可視化展示。
進(jìn)一步的，所述指定鍵為ctrl鍵。
進(jìn)一步的，所述第二拖拽放置模塊使用黑色橫線對(duì)選中的節(jié)點(diǎn)將要放置的位置進(jìn)行標(biāo)記。
進(jìn)一步的，該樹形表格控件是基于actionscript3.0技術(shù)開發(fā)的flash控件。
本發(fā)明的有益效果是：通過(guò)設(shè)置第一拖拽放置模塊以及第二拖拽放置模塊，本發(fā)明樹形表格控件的所有節(jié)點(diǎn)都可以由使用者通過(guò)鼠標(biāo)操作作進(jìn)行拖拽、放置操作，同時(shí)這些操作也可以在多個(gè)節(jié)點(diǎn)間批量實(shí)施；并且該控件是基于actionscript3.0技術(shù)開發(fā)的flash控件，具備跨平臺(tái)、跨瀏覽器使用的能力。
具體實(shí)施方式
實(shí)施例提供一種基于actionscript3.0技術(shù)開發(fā)的flash樹形表格控件，包括數(shù)據(jù)可視化展示模塊、第一拖拽放置模塊以及第二拖拽放置模塊；
所述數(shù)據(jù)可視化展示模塊對(duì)xml和json格式數(shù)據(jù)源進(jìn)行可視化展示，展示結(jié)果為樹形表格內(nèi)容；
當(dāng)用戶通過(guò)鼠標(biāo)選中節(jié)點(diǎn)并用鼠標(biāo)鍵進(jìn)行拖拽的時(shí)候，所述第一拖拽放置模塊用于將選中的節(jié)點(diǎn)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)，當(dāng)鼠標(biāo)移到另一節(jié)點(diǎn)上并用鼠標(biāo)鍵結(jié)束鼠標(biāo)移動(dòng)時(shí)，所述第一拖拽放置模塊將移動(dòng)的節(jié)點(diǎn)被添加到另一節(jié)點(diǎn)的子級(jí)，若該另一節(jié)點(diǎn)已有子級(jí)節(jié)點(diǎn)，則自動(dòng)添加到子級(jí)節(jié)點(diǎn)最后位置，添加成功之后，作為展示的數(shù)據(jù)源也隨之做出相應(yīng)改變；
當(dāng)用戶通過(guò)鼠標(biāo)選中節(jié)點(diǎn)，并按下ctrl鍵，并用鼠標(biāo)鍵進(jìn)行拖拽的時(shí)候，所述第二拖拽放置模塊用于將選中的節(jié)點(diǎn)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)并使用黑色橫線標(biāo)記將要放置的位置，當(dāng)用鼠標(biāo)鍵結(jié)束鼠標(biāo)移動(dòng)時(shí)，所述第二拖拽放置模塊將移動(dòng)的節(jié)點(diǎn)被添加到鼠標(biāo)在當(dāng)前的所標(biāo)記的位置，添加成功之后，作為展示的數(shù)據(jù)源也隨之做出相應(yīng)改變。
上述樹形表格控件的實(shí)施方式如下：
1.數(shù)據(jù)可視化展示
導(dǎo)入數(shù)據(jù)源，數(shù)據(jù)源包括xml和json格式，即可對(duì)該導(dǎo)入的數(shù)據(jù)源進(jìn)行可視化展示，展示結(jié)果為樹形表格內(nèi)容。
2.樹形表格控件的所有節(jié)點(diǎn)都可以由使用者通過(guò)鼠標(biāo)操作進(jìn)行拖拽、放置操作，同時(shí)這些操作也可以在多個(gè)節(jié)點(diǎn)間批量實(shí)施，具體介紹如下：
a.拖拽、放置節(jié)點(diǎn)成為目標(biāo)節(jié)點(diǎn)的子級(jí)節(jié)點(diǎn)的功能：選中節(jié)點(diǎn)，用鼠標(biāo)左鍵進(jìn)行拖拽，此時(shí)選中節(jié)點(diǎn)會(huì)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)，此后放置拖拽節(jié)點(diǎn)到目標(biāo)節(jié)點(diǎn)，此時(shí)松開鼠標(biāo)左鍵，拖拽內(nèi)容節(jié)點(diǎn)被添加到目標(biāo)節(jié)點(diǎn)的子級(jí)，若該目標(biāo)節(jié)點(diǎn)已有子級(jí)節(jié)點(diǎn)，則自動(dòng)添加到子級(jí)節(jié)點(diǎn)最后位置。若此操作失敗，即未正確放置該拖拽節(jié)點(diǎn)，則被拖拽的節(jié)點(diǎn)內(nèi)容會(huì)自動(dòng)移動(dòng)到拖拽前的位置。上述操作完成后，作為展示的xml或者json格式數(shù)據(jù)源也隨之做出相應(yīng)改變。
b.拖拽、放置節(jié)點(diǎn)成為目標(biāo)節(jié)點(diǎn)的同級(jí)節(jié)點(diǎn)的功能：選中節(jié)點(diǎn)，按下鍵盤ctrl鍵并保持該按下狀態(tài)，然后用鼠標(biāo)左鍵進(jìn)行拖拽，此時(shí)選中節(jié)點(diǎn)會(huì)跟隨鼠標(biāo)位置進(jìn)行移動(dòng)，并且跟隨鼠標(biāo)移動(dòng)位置使用黑色橫線標(biāo)記選中的節(jié)點(diǎn)將要放置的位置。此后松開鼠標(biāo)左鍵，放置拖拽節(jié)點(diǎn)，拖拽內(nèi)容節(jié)點(diǎn)被添加到到鼠標(biāo)在當(dāng)前的所標(biāo)記的位置。若此操作失敗，即未正確放置該拖拽節(jié)點(diǎn)，則被拖拽的節(jié)點(diǎn)內(nèi)容會(huì)自動(dòng)移動(dòng)到拖拽前的位置。上述操作完成后，作為展示的xml或者json格式數(shù)據(jù)源也隨之做出相應(yīng)改變。
以上描述了本發(fā)明的基本原理和主要的特征，說(shuō)明書的描述只是說(shuō)明本發(fā)明的原理，在不脫離本發(fā)明精神和范圍的前提下，本發(fā)明還會(huì)有各種變化和改進(jìn)，這些變化和改進(jìn)都落入要求保護(hù)的本發(fā)明范圍內(nèi)。