【正文】 rid的可擴(kuò)展架構(gòu)允許您使用自定義單元格編輯器（每一個細(xì)胞的基礎(chǔ)上）的外部元件，提供的能力，極大地豐富了網(wǎng)格功能。DHTMLX庫的一部分，dhtmlxGrid可以很容易地與其他元件集成在一個共同的應(yīng)用程序使用的接口 dhtmlxLayout。有了一個新的皮膚， ??本中引入，所有DHTMLX組件了光滑和干凈的外觀，它可以完全匹配任何現(xiàn)代的網(wǎng)站或應(yīng)用程序的設(shè)計。dhtmlxGrid表格展現(xiàn)通過加載XML文件來載入表頭、表尾、表格數(shù)據(jù)實現(xiàn)展現(xiàn)、操作、回寫功能；1. 自定義XML:216。 dhtmlxGrid ，可以加載自己的模式定義XML加載網(wǎng)格?？梢远x標(biāo)簽頂部，行和單元格元素的名稱和編碼。216。 此外，行或一個單元格的標(biāo)記中包含的任何屬性可以訪問內(nèi)部網(wǎng)格API函數(shù)。2. 支持多行表頭、表尾展現(xiàn)216。 在網(wǎng)格中的頁眉和頁腳可以包含多個行與合并單元格/ ROWSPAN的各種組合。每個單元格可以包含簡單的文字或復(fù)雜的HTML對象；216。 可以添加新的標(biāo)題行，并使用合并單元格申請必要的格式；216。 表格中可以添加頁腳，也可以合并單元格和活動內(nèi)容；圖（）3. 移動、添加、刪除列216。 dhtmlxGrid專業(yè)版允許列可以使用腳本或直接與用戶的鼠標(biāo)移動。216。 另外，還有一些從表格中添加和刪除列的腳本方法。圖（）4. 處理大型數(shù)據(jù)集支持分頁216。 分頁管理網(wǎng)格內(nèi)的大量記錄，并使其看起來更加美觀舒適。dhtmlxGrid分頁輸出的很好的是，你可以在任何一個單一的JavaScript命令的網(wǎng)格啟用，它沒有任何改變在網(wǎng)格配置；216。 dhtmlxGrid交互使用非線性緩沖區(qū)，這使得它更加有用，因為它呈現(xiàn)其中包括頁面上的位置；216。 雖然dhtmlxGrid標(biāo)準(zhǔn)版交互準(zhǔn)備（可以實現(xiàn)使用腳本API），完整的分頁支持，包括能夠使用dhtmlxToolbar的，但僅在專業(yè)版中實現(xiàn)。圖（）5. 處理大型數(shù)據(jù)集智能渲染216。 智能渲染是一項強(qiáng)大的功能，提高性能，有大量的記錄表。這一機(jī)制的主要優(yōu)點是能夠呈現(xiàn)表數(shù)據(jù)（這個過程是最慢在DHTML的），只有當(dāng)它獲取到可見光區(qū)（滾動時）。216。 與此同時，大多數(shù)API方法將仍然能夠運作，無形的內(nèi)容 即，加載到瀏覽器的內(nèi)容，但不呈現(xiàn)在頁面上。使用智能渲染，加上動態(tài)加載，你可以用大量的數(shù)據(jù)，同時仍保持性能不變的速度。6. 與數(shù)據(jù)庫交互216。 dhtmlxDataProcessor和dhtmlxConnector為dhtmlxGrid管理加載/更新服務(wù)器端的數(shù)據(jù)的過程 。它可以被配置為特定的數(shù)據(jù)源。216。 dhtmlxConnector支持PHP5和Java與MySQL，PostgreSQL里，Oracle， SQLServer， Server。其客戶端層可用于任何其他的服務(wù)器端技術(shù) 。圖（）7. 擴(kuò)展單元格EXCEL216。 允許更大的靈活性，dhtmlxGrid EXCELL（擴(kuò)展單元）使用一個獨特的機(jī)制來定義的數(shù)據(jù)格式和編輯的每一列（單元）的數(shù)據(jù)的方式。我們的AJAX網(wǎng)格控件提供了多種單元格格式，包括文字、圖像、組合框、列表框、復(fù)選框、單選按鈕、鏈接、價格等，如果單元格中包含多行文本，它可以自動彈出文本編輯器。216。 隨著列編輯/格式（文字、組合框、復(fù)選框等）的標(biāo)準(zhǔn)方法，有特殊EXCELL d??htmlxGrid包中包含的類型。例如，表上現(xiàn)場演示使用一個特定的EXCEL類型的代表在銷售和價格列的動態(tài)數(shù)據(jù)（關(guān)于建立和使用新EXCELL類型的詳細(xì)信息，請參閱API文檔）。8. 拆分模式（凍結(jié)欄）216。 當(dāng)一些列需要保持獨立的水平滾動位置，可以實施凍結(jié)列和網(wǎng)格分成兩部分的操作。圖（）9. 控制于一體的網(wǎng)絡(luò)和樹216。 dhtmlxTreeGrid是一個JavaScript的UI組件，結(jié)合一個TreeView和一個可編輯的網(wǎng)格。216。 它是基于dhtmlxGrid，部署網(wǎng)格控件的所有功能，使兩個層次和表格數(shù)據(jù)演示。圖（）1) dhtmlxTreeGrid216。 dhtmlxTreeGrid是一個跨瀏覽器JavaScript的組件，旨在代表在層次結(jié)構(gòu)視圖的表格數(shù)據(jù)。它是基于我們的AJAX / DHTML的電網(wǎng)控制，dhtmlxGrid，并結(jié)合樹視圖和編輯的網(wǎng)格 。216。 Ajax支持和豐富的JavaScript API的treegrid帶來了極大的靈活性，允許您創(chuàng)建完全可定制，可擴(kuò)展行的動態(tài)表 。高級數(shù)據(jù)輸入功能，使treegrid更多的互動，讓用戶輸入和編輯表中的數(shù)據(jù)以直觀的方式 。216。 能夠動態(tài)地展開和折疊分配到相應(yīng)的樹項目表中的行使得這個treegrid控制一個完美的解決方案，顯示表行的數(shù)量不受限制。要處理大量的數(shù)據(jù)有效，dhtmlxTreeGrid還提供等功能的智能XML解析（渲染節(jié)點開放動態(tài)的網(wǎng)格行），智能渲染（渲染只在可見光區(qū)的行）以及 分頁支持。216。二、 dhtmlxgrid配置部分Dhtmlx是一個半開源的js框架，說是半開源，因為它的有些腳本是收費的?？傮w感覺很輕巧，可依賴的東西不多，和ext這樣的龐然大物，dhtmlx應(yīng)該定位為一個tool更為合適。我自己一直在使用，很喜歡它。因為網(wǎng)上好像沒看見可用的API中文翻譯，今天終于鼓起勇氣來做這件事情，純屬個人愛好，大伙見笑了，其實我的英文不好，大學(xué)四年，英語就掛過四次。好,不廢話了，這就開始。中文操作手冊部份 來源于： 感謝“刀光劍影”。 表格操作API attachEvent(evName , evHandler)版本：大眾版參數(shù)：evName 可定義事件名稱evHandler 用戶自定義處理函數(shù).用途：對當(dāng)前grid事件綁定用戶的自定義的處理js函數(shù)，這里支持兩種格式定義1) 匿名函數(shù)定義script (onRowSelect,function(rowId,cellIndex){ alert(Row with id=+rowId+ was selected)。 })。 /script 2) 命名函數(shù)定義script (onEditCell,doOnEditCell)。 function doOnEditCell(stage,rowId,cellIndex,newValue,oldValue){ if ((stage==2)amp。amp。(newValue!=oldValue)){ alert(Cell with id=+rowId+ and index=+cellIndex+ was edited)。 return true。 } return true。 } /script 這里也支持一個事件綁定多個處理函數(shù)的方法script (onCheck,doOnCheck1)。 (onCheck,doOnCheck2)。 function doOnCheck1(rowId,cellIndex,state){ if (state){ alert(Checkbox in the row with id=+rowId+ was checked)。 } } function doOnCheck2(rowId,cellIndex,state){ if (state){ alert(Checkbox in column with index=+cellIndex+ was checked)。 } } /script 執(zhí)行順序為doOnCheck1 –》doOnCheck2，這里可以用于通過全局js變量實現(xiàn)grid連動效果的實現(xiàn)。如，先onRowSelect獲得當(dāng)前選中單元格的值，針對當(dāng)前值，定義一個函數(shù)改變當(dāng)前cell的樣式等，當(dāng)然這樣的操作也可以一個function中實現(xiàn)，這里定義為分離，可實現(xiàn)兩個函數(shù)的被其他地方公共使用。Grid中可供綁定的事件，參考grid事件介紹。 attachFooter(values, style)版本：專業(yè)版參數(shù)：values:增加行的每個單元格值，以數(shù)組的形式給出，這里支持html的值表示style：單元格的樣式用途：在grid的最后動態(tài)新增一行(表腳)，注意當(dāng)前表腳不會隨上下滾動條一起移動，并設(shè)置各單元數(shù)據(jù)和格樣式可供參考實例：//數(shù)組形式 (A,B,C,D)。 //數(shù)組形式 ([A,B,C,D]) //跨列增加 (A,cspan,C,cspan)。 //跨行增加 (A,rspan,C,rspan)。 //表達(dá)式html值 (A,strongB/strong,C,a href=39。39。D/a)。 //指定各單元格樣式 (A,B,C,D,[,color:red。,])。 在onload事件中調(diào)用 (,function(){ (39。A,B,C39。)。 (39。G,H,I39。)。 ()。//文檔上說這里必須加上，但沒發(fā)現(xiàn)其必要性 })。 attachHeader(values, style)版本：大眾版參數(shù)：values:增加行的每個單元格值，以數(shù)組的形式給出，這里支持html的值表示style：單元格的樣式用途：定義grid的表頭，注意當(dāng)前表頭不會隨上下滾動條一起移動，并設(shè)置各單元數(shù)據(jù)和格樣式具體運用與attachHeader類似 attachToObject(obj)版本：大眾版參數(shù)：Obj:當(dāng)前綁定的grid的對象用途：將當(dāng)前定義grid對象重新綁定到某個容器中，可實現(xiàn)grid在頁面上容器間（如div）的動態(tài)切換，好像不能重新綁定到原有的容器定義，使用原有的容器僅是display=none而已，因為：通過alert 容器的innerHTML發(fā)現(xiàn)，原有容器和新綁定容器值一致參考實例：!—原有容器 div id=listdiv style= borderstyle:solid。width:100%。height:316px。/div table width=700 tr td width=50% valign=top !—可綁定新容器 div id=gridbox style=width=350px。height:150px。backgroundcolor:white。/div /td td valign=top !—可綁定新容器 div id=gridbox2 style=width=350px。height:150px。backgroundcolor:white。border:1px solid blue。 align=right/div /td /tr table input type=button onclick=dotacche() value=00000/ input type=button onclick=doctacche() value=1111/ script function dotacche() { ((gridbox2))。 } function doctacche() { ((gridbox))。 // ((listdiv))。這里執(zhí)行沒有效果 } /script destructor版本：大眾版參數(shù)：Obj:當(dāng)前綁定的grid的對象用途：徹底銷毀當(dāng)前grid在頁面中的使用，并釋放其對象占用的資源（如js數(shù)組置空等），若重新使用，必須通過init創(chuàng)建，有別于clearAll,后者