本發(fā)明涉及表格控件領域,特別涉及基于actionscript的樹形表格控件。
背景技術:
當前許多樹形表格控件僅僅做到了數(shù)據(jù)的可視化展示,但是這種展示僅僅是一種靜態(tài)的,與用戶不可交互的展示。目前缺少一種樹形表格控件,可豐富用戶與可視化數(shù)據(jù)之間的交互操作,為用戶提供更為便捷和直觀的操作數(shù)據(jù)的方式,并且這種樹形表格控件應該具有在不同環(huán)境的操作系統(tǒng)和瀏覽器中都能正常使用,即該控件應該具備跨平臺、跨瀏覽器使用的能力。
技術實現(xiàn)要素:
本發(fā)明要解決的技術問題是:提供一種基于actionscript的樹形表格控件,讓用戶便捷和直觀的操作數(shù)據(jù)。
為解決上述問題,本發(fā)明采用的技術方案是:基于actionscript的樹形表格控件,包括數(shù)據(jù)可視化展示模塊和樹形節(jié)點操作模塊,樹形節(jié)點操作模塊包括復制模塊、剪切模塊、粘貼模塊和刪除模塊;
包括數(shù)據(jù)可視化展示模塊、菜單模塊和樹形節(jié)點操作模塊,樹形節(jié)點操作模塊包括復制模塊、剪切模塊、粘貼模塊和刪除模塊;
所述數(shù)據(jù)可視化展示模塊對數(shù)據(jù)源進行可視化展示,展示結果為樹形表格內容;
所述菜單模塊用于提供觸發(fā)復制模塊、剪切模塊、粘貼模塊和刪除模塊的菜單選項;
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的復制選項之后,所述復制模塊用于對選中的目標節(jié)點進行復制操作,復制的節(jié)點內容暫存到系統(tǒng)的剪切板中待用;
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的剪切選項之后,所述剪切模塊用于對選中的目標節(jié)點進行剪切操作,剪切的節(jié)點內容暫存到系統(tǒng)的剪切板中待用;剪切之后,作為展示的數(shù)據(jù)源也隨之做出相應改變;
當用戶觸發(fā)菜單模塊中的剪切選項之后,所述粘貼模塊用于從系統(tǒng)的剪切板中選中目標節(jié)點進行粘貼操作;粘貼之后,作為展示的數(shù)據(jù)源也隨之做出相應改變;
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的刪除選項之后,所述刪除模塊用于對選中的目標節(jié)點進行刪除操作,刪除之后,作為展示的數(shù)據(jù)源也隨之做出相應改變。
進一步的,所述數(shù)據(jù)可視化展示模塊對xml和json格式數(shù)據(jù)源進行可視化展示。
進一步的,本發(fā)明的樹形表格控件為基于actionscript3.0技術開發(fā)的flash樹形表格控件。
本發(fā)明的有益效果是:通過設置樹形節(jié)點操作模塊,本發(fā)明樹形表格控件的所有節(jié)點都可以由使用者通過鼠標操作進行復制、剪切、粘貼、刪除操作,同時這些操作也可以在多個節(jié)點間批量實施;并且該控件是基于actionscript3.0技術開發(fā)的flash控件,具備跨平臺、跨瀏覽器使用的能力。
具體實施方式
實施例提供一種基于actionscript3.0技術開發(fā)的flash樹形表格控件,包括數(shù)據(jù)可視化展示模塊、菜單模塊和樹形節(jié)點操作模塊,樹形節(jié)點操作模塊包括復制模塊、剪切模塊、粘貼模塊和刪除模塊;其中:
所述數(shù)據(jù)可視化展示模塊對xml和json格式數(shù)據(jù)源進行可視化展示,展示結果為樹形表格內容;
所述菜單模塊用于提供觸發(fā)復制模塊、剪切模塊、粘貼模塊和刪除模塊的菜單選項;
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的復制選項之后,所述復制模塊用于對選中的目標節(jié)點進行復制操作,復制的節(jié)點內容暫存到系統(tǒng)的剪切板中待用。
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的剪切選項之后,所述剪切模塊用于對選中的目標節(jié)點進行剪切操作,剪切的節(jié)點內容暫存到系統(tǒng)的剪切板中待用;剪切之后,作為展示的數(shù)據(jù)源也隨之做出相應改變;
當用戶觸發(fā)菜單模塊中的剪切選項之后,所述粘貼模塊用于從系統(tǒng)的剪切板中選中目標節(jié)點進行粘貼操作;粘貼之后,作為展示的數(shù)據(jù)源也隨之做出相應改變;
當用戶通過鼠標選中節(jié)點并觸發(fā)菜單模塊中的刪除選項之后,所述刪除模塊用于對選中的目標節(jié)點進行刪除操作,刪除之后,作為展示的數(shù)據(jù)源也隨之做出相應改變。
上述樹形表格控件的實施方式如下:
1.數(shù)據(jù)可視化展示
導入數(shù)據(jù)源,數(shù)據(jù)源包括xml和json格式,即可對該導入的數(shù)據(jù)源進行可視化展示,展示結果為樹形表格內容。
2.表格中樹形節(jié)點的復制、剪切、粘貼、刪除操作
樹形表格控件的所有節(jié)點都可以由使用者通過鼠標操作進行復制、剪切、粘貼、刪除操作,同時這些操作也可以在多個節(jié)點間批量實施,具體介紹如下:
a.復制節(jié)點功能:選中需要復制的節(jié)點,在選中節(jié)點上點擊鼠標右鍵后,會顯示操作菜單,此時用選擇“復制”菜單項即可完成復制操作,所有先前選中的節(jié)點以及這些節(jié)點包含的子節(jié)點內容會被復制到操作系統(tǒng)剪切板中待用。
b.剪切節(jié)點功能:選中需要剪切的節(jié)點,在選中節(jié)點上點擊鼠標右鍵后,會顯示操作菜單,此時用選擇“剪切”菜單項即可完成剪切操作,所有先前選中的節(jié)點以及這些節(jié)點包含的子節(jié)點內容會被刪除掉,并且這些節(jié)點內容同時會被復制到操作系統(tǒng)剪切板中待用。此時作為展示的xml或者json格式數(shù)據(jù)源也隨之做出相應改變。
c.粘貼節(jié)點功能:完成此操作需要先完成a或者c部分的操作,然后選中目標節(jié)點,在選中節(jié)點上點擊鼠標右鍵后,會顯示操作菜單,此時用選擇“粘貼”菜單項,即可把剪切板中待用節(jié)點內容粘貼到目標節(jié)點的子節(jié)點中,并且排在目標節(jié)點已有子節(jié)點之后。此時作為展示的xml或者json格式數(shù)據(jù)源也隨之做出相應改變。
d.刪除節(jié)點功能:選中需要刪除的節(jié)點,在選中節(jié)點上點擊鼠標右鍵后,會顯示操作菜單,此時用選擇“刪除”菜單項即可完成刪除操作,所有先前選中的節(jié)點以及這些節(jié)點包含的子節(jié)點內容會被刪除掉。此時作為展示的xml或者json格式數(shù)據(jù)源也隨之做出相應改變。
以上描述了本發(fā)明的基本原理和主要的特征,說明書的描述只是說明本發(fā)明的原理,在不脫離本發(fā)明精神和范圍的前提下,本發(fā)明還會有各種變化和改進,這些變化和改進都落入要求保護的本發(fā)明范圍內。