dhtmlxGridk介紹及使用手冊(中文).doc

dHtmlxGrid使用手冊Phoenixjava 整理于2011-11-02目錄 一、dhtmlxGrid介紹71.自定義XML:72.支持多行表頭、表尾展現(xiàn)73.移動、添加、刪除列84.處理大型數(shù)據(jù)集-支持分頁85.處理大型數(shù)據(jù)集-智能渲染96.與數(shù)據(jù)庫交互97.擴(kuò)展單元格-EXCEL108.拆分模式（凍結(jié)欄）109.控制于一體的網(wǎng)絡(luò)和樹11二、dhtmlxgrid配置部分122.1 表格操作API122.1.1 attachEvent(evName , evHandler)122.1.2 attachFooter(values, style)142.1.3 attachHeader(values, style)152.1.4 attachToObject(obj)162.1.5 destructor172.1.6 detachEvent(id)172.1.7 detachFooter(index)182.2 表格樣式API192.2.1 detachHeader(index)192.2.2 enableAutoHeight(mode,maxHeight, countFullHeight)192.2.3 enableAutoWidth (mode, max_limit, min_limit)202.2.4 enableCellIds(mode)212.2.5 enableHeaderImages(fl)212.2.6 init222.2.7 setAwaitedRowHeight(height)222.2.8 setCSVDelimiter(str)222.2.9 setColAlign(alStr)232.2.10 setColSorting(sortStr)232.2.11 setColTypes(typeStr)242.2.12 setColVAlign(valStr)242.2.13 setColWidth (ind, value)242.2.14 setDelimiter (delim)252.2.15 setHeader (hdrStr, splitSign, styles)252.2.16 setIconPath (path)262.2.17 setImagePath (path)262.2.18 setInitWidths (wp)272.2.19 setInitWidthsP(wp)272.2.20 setNoHeader(fl)282.2.21 setSkin(name)282.2.22 setStyle (ss_header, ss_grid, ss_selCell, ss_selRow)292.2.23uid29三、數(shù)據(jù)處理部分303.1 dhtmlxgrid數(shù)據(jù)加載部分303.1.31 changePage(pageNum)303.1.32 changePageRelative(ind)303.1.33 clearAll(header)303.1.34 clearAndLoad (url, call, type)303.1.35 enableCSVAutoID(mode)313.1.36 enableCSVHeader(mode)313.1.37 enableDistributedParsing(mode, count, time)313.1.38 enablePaging313.1.39 enableSmartRendering (mode,buffer,reserved)323.1.40 getRowAttribute (rId, name)323.1.41 getStateOfView323.1.43 load (url, call, type)333.1.44 loadCSVFile (path,afterCall)333.1.45 loadCSVString(str)343.1.46 parse(data,call,type)343.1.47 preventIECaching(mode)343.1.48 setPagingSkin(name)343.1.49 setPagingTemplates(navigation_template,info_template)353.1.50 setPagingWTMode(navButtons,navLabel,pageSelect,perPageSelect)353.1.51 setRowAttribute(rId, name, value)353.1.52 setUserData (row_id, name, value)353.1.53 startFastOperations363.1.54 stopFastOperations363.1.55 updateFromXML (url, insert_new, del_missed, afterCall)363.2 dhtmlxgrid保存數(shù)據(jù)操作363.2.160 enableMathSerialization (mode)373.2.161 serialize373.2.162 serializeToCSV (textmode)373.2.163 setFieldNam (mask)373.2.164 setSerializableColumns (list)373.2.165 setSerializationLevel (userData, selectedAttr, config, changedAttr, onlyChanged, asCDATA)38四、Dhtmlxgrid操作394.1 dhtmlxgrid行操作394.1.56 addRow (new_id, text, ind)394.1.57 changeRowId (oldRowId, newRowId)404.1.58 copyRowContent (from_row_id, to_row_id)404.1.59 deleteRow(row_id)404.1.60 deleteSelectedRows404.1.61 doesRowExist(row_id)414.1.62 enableAlterCss (cssE, cssU, perLevel, levelUnique)414.1.63 enableMultiline(state)414.1.64 enableRowsHover (mode, cssClass)424.1.65 enableRowspan424.1.66 forEachRow (custom_code)424.1.67 getAllRowIds(separator)434.1.68 getChangedRows (and_added)434.1.69 getCheckedRows (col_ind)434.1.70 getRowId(ind)434.1.71 getRowIndex(row_id)444.1.72 getRowsNum444.1.73 getSelectedRowId444.1.74 lockRow(rowId,mode)444.1.75 moveRow (rowId,mode,targetId,targetGrid)444.1.76 moveRowDown(row_id)454.1.77 moveRowTo(srowId,trowId,mode,dropmode,sourceGrid,targetGrid)454.1.78 moveRowUp(row_id)454.1.79 selectRow (rIndex, fl, preserve, show)464.1.80 selectRowById (row_id, preserve, show, call)464.1.81 setCheckedRows (cInd,v)464.1.82 setRowColor(row_id,color)464.1.83 setRowExcellType (rowId, type)474.1.84 setRowHidden (id, state)474.1.85 setRowId (ind, row_id)474.1.86 setRowTextBold (row_id)474.1.87 setRowTextNormal(row_id)484.1.88 setRowTextStyle (row_id, styleString)484.1.89 showRow (rowID)484.2 dhtmlxgrid列操作484.2.90 adjustColumnSize(cind)484.2.91 deleteColumn(ind)494.2.92 enableColumnMove (mode,columns)494.2.93 enableHeaderMenu494.2.94 enableResizing(list)494.2.95 enableTooltips(list)494.2.96 getColIndexById (id)504.2.97 getColType(index)504.2.98 getColTypeById (cID)504.2.99 getColWidth (ind)504.2.100 getColumnId (cin)514.2.101 getColumnLabel (cin, ind)514.2.102 getColumnsNum514.2.103 getFooterLabel (cin, ind)514.2.104 insertColumn(ind,header,type,width,sort,align,valign,reserved,columnColor)514.2.105 isColumnHidden (ind)524.2.106 moveColumn (oldInd,newInd)524.2.107 setColumnColor (clr)524.2.108 setColumnExcellType (colIndex, type)534.2.109 setColumnHidden (ind, state)534.2.110 setColumnId (ind, id)534.2.111 setColumnIds (ids)534.2.112 setColumnLabel (col, label, ind)534.2.113 setColumnMinWidth (width, ind)544.2.114 setColumnsVisibility (list)544.2.115 setFooterLabel (c, label, ind)544.3 dhtmlxgrid單元格操作554.3.116 cellById (row_id, col)554.3.117 cellByIndex (row_index, col)554.3.118 cells(row_id, col)554.3.119 cells2 (row_index, col)554.3.120 checkAll(mode)554.3.121 clearChangedState564.3.122 editCell564.3.123 editStop564.3.124 enableColSpan (mode)564.3.125 enableEditEvents (click, dblclick, f2Key)564.3.126 enableMarkedCells (mode)574.3.127 enableMathEditing (mode)574.3.128 forEachCell (rowId, custom_code)574.3.129 getCombo (col_ind)574.3.130 getCustomCombo (id, ind)574.3.131 getMarked584.3.132 getSelectedCellIndex584.3.133 mark (rid,cindex,fl)584.3.134 selectCell (r, cInd, fl, preserve, edit, show)584.3.135 setCellExcellType (rowId, cellIndex, type)594.3.136 setCellTextStyle (row_id, ind, styleString)594.3.137 setColspan (row_id, col_ind, colspan)594.3.138 setDateFormat (mask)604.3.139 setEditable (mode)604.3.140 setMathRound (digits)604.3.141 setNumberFormat (mask, cInd, p_sep, d_sep)604.3.142 setRowspan (rowID,colInd,length)614.3.143 uncheckAll614.3.144 unmarkAll614.4 dhtmlxgrid選擇過濾操作614.4.144 clearSelection614.4.145 enableBlockSelection(mode)624.4.146 enableMultiselect (state)624.4.147 forceLabelSelection(mode)624.4.148 selectAll624.4.149 enableStableSorting (mode)624.4.150 getSortingState634.4.151 setCustomSorting (func, col)634.4.152 setSortImgState (state, ind, order, row)634.4.153 sortRows (col, type, order)644.4.154 collectValues (column)644.4.155 filterBy (column, value, preserve)644.4.156 filterByAll654.4.157 findCell (value, c_ind, first)654.4.158 getFilterElement (index)654.4.159 makeFilter (id,column,preserve)66一、 dhtmlxGrid介紹dhtmlxGrid啟用Ajax的JavaScript網(wǎng)格控制與尖端功能，強大的數(shù)據(jù)綁定，并與大型數(shù)據(jù)集的出色表現(xiàn) 。組件是易于使用，并提供了極大的靈活性，由于其豐富的客戶端API 。dhtmlxGrid支持不同的數(shù)據(jù)源（XML，JSON，CSV，JavaScript數(shù)組，和HTML表格），也可以從自定義的XML格式加載。網(wǎng)格組件可以輕松實現(xiàn)豐富的單元格內(nèi)編輯和內(nèi)置的好看的DHTML表（通過CSS或預(yù)定義的皮膚管理），過濾、搜索和分組功能。眾多的事件處理程序，可以添加必要的交互性到您的基于網(wǎng)格的接口。智能渲染和分頁支持，讓這個JavaScript的DataGrid有效地開展工作，甚至與龐大的數(shù)據(jù)集。作為一個100的客戶端的JavaScript解決方案，dhtmlxGrid可以集成與任何服務(wù)器端技術(shù)（PHP，JAVA的Ruby - on Rails等 ）。dhtmlxConnector庫Ajax支持，提供實時保存和更新服務(wù)器上的網(wǎng)格數(shù)據(jù)的情況下自動重新加載頁面的能力。dhtmlxGrid支持強大的功能，如必要的基于Web的電子表格、合并單元格、拆分模式、網(wǎng)格列拖動和拖放或腳本方法和數(shù)據(jù)復(fù)制到剪貼板（CSV格式） 。AJAX DataGrid的可擴(kuò)展架構(gòu)允許您使用自定義單元格編輯器（每一個細(xì)胞的基礎(chǔ)上）的外部元件，提供的能力，極大地豐富了網(wǎng)格功能。DHTMLX庫的一部分，dhtmlxGrid可以很容易地與其他元件集成在一個共同的應(yīng)用程序使用的接口 dhtmlxLayout。有了一個新的皮膚，在2.5版 本中引入，所有DHTMLX組件了光滑和干凈的外觀，它可以完全匹配任何現(xiàn)代的網(wǎng)站或應(yīng)用程序的設(shè)計。dhtmlxGrid表格展現(xiàn)通過加載XML文件來載入表頭、表尾、表格數(shù)據(jù)實現(xiàn)展現(xiàn)、操作、回寫功能；1. 自定義XML: dhtmlxGrid V1.6以來，可以加載自己的模式定義XML加載網(wǎng)格。可以定義標(biāo)簽頂部，行和單元格元素的名稱和編碼。 此外，行或一個單元格的標(biāo)記中包含的任何屬性可以訪問內(nèi)部網(wǎng)格API函數(shù)。2. 支持多行表頭、表尾展現(xiàn) 在網(wǎng)格中的頁眉和頁腳可以包含多個行與合并單元格/ ROWSPAN的各種組合。每個單元格可以包含簡單的文字或復(fù)雜的HTML對象； 可以添加新的標(biāo)題行，并使用合并單元格申請必要的格式； 表格中可以添加頁腳，也可以合并單元格和活動內(nèi)容；圖（4.2.1）3. 移動、添加、刪除列 dhtmlxGrid專業(yè)版允許列可以使用腳本或直接與用戶的鼠標(biāo)移動。 另外，還有一些從表格中添加和刪除列的腳本方法。圖（4.2.2）4. 處理大型數(shù)據(jù)集-支持分頁 分頁管理網(wǎng)格內(nèi)的大量記錄，并使其看起來更加美觀舒適。dhtmlxGrid分頁輸出的很好的是，你可以在任何一個單一的JavaScript命令的網(wǎng)格啟用，它沒有任何改變在網(wǎng)格配置； dhtmlxGrid交互使用非線性緩沖區(qū)，這使得它更加有用，因為它呈現(xiàn)其中包括頁面上的位置； 雖然dhtmlxGrid標(biāo)準(zhǔn)版交互準(zhǔn)備（可以實現(xiàn)使用腳本API），完整的分頁支持，包括能夠使用dhtmlxToolbar的，但僅在專業(yè)版中實現(xiàn)。圖（4.2.3）5. 處理大型數(shù)據(jù)集-智能渲染 智能渲染是一項強大的功能，提高性能，有大量的記錄表。這一機制的主要優(yōu)點是能夠呈現(xiàn)表數(shù)據(jù)（這個過程是最慢在DHTML的），只有當(dāng)它獲取到可見光區(qū)（滾動時）。 與此同時，大多數(shù)API方法將仍然能夠運作，無形的內(nèi)容 - 即，加載到瀏覽器的內(nèi)容，但不呈現(xiàn)在頁面上。使用智能渲染，加上動態(tài)加載，你可以用大量的數(shù)據(jù)，同時仍保持性能不變的速度。6. 與數(shù)據(jù)庫交互 dhtmlxDataProcessor和dhtmlxConnector為dhtmlxGrid管理加載/更新服務(wù)器端的數(shù)據(jù)的過程 。它可以被配置為特定的數(shù)據(jù)源。 dhtmlxConnector支持PHP5和Java與MySQL，PostgreSQL里，Oracle， SQLServer，和ASP.NET與SQL Server。其客戶端層可用于任何其他的服務(wù)器端技術(shù) 。圖（4.2.4）7. 擴(kuò)展單元格-EXCEL 允許更大的靈活性，dhtmlxGrid EXCELL（擴(kuò)展單元）使用一個獨特的機制來定義的數(shù)據(jù)格式和編輯的每一列（單元）的數(shù)據(jù)的方式。我們的AJAX網(wǎng)格控件提供了多種單元格格式，包括文字、圖像、組合框、列表框、復(fù)選框、單選按鈕、鏈接、價格等，如果單元格中包含多行文本，它可以自動彈出文本編輯器。 隨著列編輯/格式（文字、組合框、復(fù)選框等）的標(biāo)準(zhǔn)方法，有特殊EXCELL dhtmlxGrid包中包含的類型。例如，表上現(xiàn)場演示使用一個特定的EXCEL類型的代表在銷售和價格列的動態(tài)數(shù)據(jù)（關(guān)于建立和使用新EXCELL類型的詳細(xì)信息，請參閱API文檔）。8. 拆分模式（凍結(jié)欄） 當(dāng)一些列需要保持獨立的水平滾動位置，可以實施凍結(jié)列和網(wǎng)格分成兩部分的操作。圖（4.2.5）9. 控制于一體的網(wǎng)絡(luò)和樹 dhtmlxTreeGrid是一個JavaScript的UI組件，結(jié)合一個TreeView和一個可編輯的網(wǎng)格。 它是基于dhtmlxGrid，部署網(wǎng)格控件的所有功能，使兩個層次和表格數(shù)據(jù)演示。圖（4.2.6）1) dhtmlxTreeGrid dhtmlxTreeGrid是一個跨瀏覽器JavaScript的組件，旨在代表在層次結(jié)構(gòu)視圖的表格數(shù)據(jù)。它是基于我們的AJAX / DHTML的電網(wǎng)控制，dhtmlxGrid，并結(jié)合樹視圖和編輯的網(wǎng)格 。 Ajax支持和豐富的JavaScript API的treegrid帶來了極大的靈活性，允許您創(chuàng)建完全可定制，可擴(kuò)展行的動態(tài)表 。高級數(shù)據(jù)輸入功能，使treegrid更多的互動，讓用戶輸入和編輯表中的數(shù)據(jù)以直觀的方式 。 能夠動態(tài)地展開和折疊分配到相應(yīng)的樹項目表中的行使得這個treegrid控制一個完美的解決方案，顯示表行的數(shù)量不受限制。要處理大量的數(shù)據(jù)有效，dhtmlxTreeGrid還提供等功能的智能XML解析（渲染節(jié)點開放動態(tài)的網(wǎng)格行），智能渲染（渲染只在可見光區(qū)的行）以及 分頁支持。二、 dhtmlxgrid配置部分Dhtmlx是一個半開源的js框架，說是半開源，因為它的有些腳本是收費的。總體感覺很輕巧，可依賴的東西不多，和ext這樣的龐然大物，dhtmlx應(yīng)該定位為一個tool更為合適。我自己一直在使用，很喜歡它。因為網(wǎng)上好像沒看見可用的API中文翻譯，今天終于鼓起勇氣來做這件事情，純屬個人愛好，大伙見笑了，其實我的英文不好，大學(xué)四年，英語就掛過四次。好,不廢話了，這就開始。中文操作手冊部份 來源于：/warison1981 感謝“刀光劍影”。2.1 表格操作API2.1.1 attachEvent(evName , evHandler)版本：大眾版參數(shù)：evName 可定義事件名稱evHandler 用戶自定義處理函數(shù).用途：對當(dāng)前grid事件綁定用戶的自定義的處理js函數(shù)，這里支持兩種格式定義1) 匿名函數(shù)定義 grid.attachEvent(onRowSelect,function(rowId,cellIndex) alert(Row with id=+rowId+ was selected); ); 2) 命名函數(shù)定義 grid.attachEvent(onEditCell,doOnEditCell); function doOnEditCell(stage,rowId,cellIndex,newValue,oldValue) if (stage=2)&(newValue!=oldValue) alert(Cell with id=+rowId+ and index=+cellIndex+ was edited); return true; return true; 這里也支持一個事件綁定多個處理函數(shù)的方法 grid.attachEvent(onCheck,doOnCheck1); grid.attachEvent(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); 執(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事件介紹。2.1.2 attachFooter(values, style)版本：專業(yè)版參數(shù)：values:增加行的每個單元格值，以數(shù)組的形式給出，這里支持html的值表示style：單元格的樣式用途：在grid的最后動態(tài)新增一行(表腳)，注意當(dāng)前表腳不會隨上下滾動條一起移動，并設(shè)置各單元數(shù)據(jù)和格樣式可供參考實例：/數(shù)組形式 grid.attachFooter(A,B,C,D); /數(shù)組形式 grid.attachFooter(A,B,C,D) /跨列增加 grid.attachFooter(A,#cspan,C,#cspan); /跨行增加 grid.attachFooter(A,#rspan,C,#rspan); /表達(dá)式html值 grid.attachFooter (A,B,C,D); /指定各單元格樣式 grid.attachFooter (A,B,C,D,color:red;,); 在onload事件中調(diào)用 grid.load(grid.xml,function() grid.attachFooter (A,B,C); grid.attachFooter (G,H,I); grid.setSizes();/文檔上說這里必須加上，但沒發(fā)現(xiàn)其必要性 ); 2.1.3 attachHeader(values, style)版本：大眾版參數(shù)：values:增加行的每個單元格值，以數(shù)組的形式給出，這里支持html的值表示style：單元格的樣式用途：定義grid的表頭，注意當(dāng)前表頭不會隨上下滾動條一起移動，并設(shè)置各單元數(shù)據(jù)和格樣式具體運用與attachHeader類似2.1.4 attachToObject(obj)版本：大眾版參數(shù)：Obj:當(dāng)前綁定的grid的對象用途：將當(dāng)前定義grid對象重新綁定到某個容器中，可實現(xiàn)grid在頁面上容器間（如div）的動態(tài)切換，好像不能重新綁定到原有的容器定義，使用原有的容器僅是display=none而已，因為：通過alert 容器的innerHTML發(fā)現(xiàn)，原有容器和新綁定容器值一致參考實例： function dotacche() ckmygrid.attachToObject(document.getElementByIdx(gridbox2); function doctacche() ckmygrid.attachToObject(document.getElementByIdx(gridbox); / ckmygrid.attachToObject(document.getElementByIdx(listdiv);這里執(zhí)行沒有效果 2.1.5 destructor版本：大眾版參數(shù)：Obj:當(dāng)前綁定的grid的對象用途：徹底銷毀當(dāng)前grid在頁面中的使用，并釋放其對象占用的資源（如js數(shù)組置空等），若重新使用，必須通過init創(chuàng)建，有別于clearAll,后者僅把grid中的所有行刪除，grid本身還可以進(jìn)行數(shù)據(jù)的重填充。這里也可以采用比較暴力的銷毀方式，其grid負(fù)載的容器.innerHTML = “ ”;即可，但這樣grid創(chuàng)建的全局js變量沒有完成銷毀過程參考實例：無2.1.6 detachEvent(id)版本：大眾版參數(shù)：id 事件序號，全局唯一用途：刪除grid中某個事件的處理過程參考實例：無2.1.7 detachFooter(index)版本：專業(yè)版參數(shù)：index 表腳索引用途：刪除grid的某個表腳，與attachFooter配對使用參考實例：無2.2 表格樣式API2.2.1 detachHeader(index)版本：大眾版參數(shù)：index 表頭索引用途：刪除grid的某個表頭，與attachHeader配對使用參考實例：無2.2.2 enableAutoHeight(mode,maxHeight, countFullHeight)版本：大眾版參數(shù)：mode: true/falsemaxHeight: 最大無滾動高度，默認(rèn)為無限制countFullHeight: 最大高度計算方式，true 最大高度表示所有表格高度總和，false 僅表示數(shù)據(jù)表格的高度總和，即除去header 和 footer，默認(rèn)為false。用途：當(dāng)前表格是否設(shè)置為高度自適應(yīng)，并可設(shè)定默認(rèn)最大高度。參考實例：/高度自適應(yīng)mygrid.enableAutoHeight(true);/高度非自適應(yīng)mygrid.enableAutoHeight(false);/高度自適應(yīng)，且定義最大高度為100，當(dāng)前最大高度僅指數(shù)據(jù)表格部分mygrid.enableAutoHeight(true,100);/高度自適應(yīng)，且定義最大高度為100，當(dāng)前最大高度數(shù)據(jù)表格表頭表腳mygrid.enableAutoHeight(true,100,true);2.2.3 enableAutoWidth (mode, max_limit, min_limit)版本：大眾版參數(shù)：mode: true/falsemax_limit: 最大無滾動寬度，默認(rèn)為無限制。min_limit: 最小無滾動寬度，默認(rèn)為無限制。用途：當(dāng)前表格是否設(shè)置為寬度自適應(yīng)，并可設(shè)定默認(rèn)最大寬度、最小寬度。參考實例：/寬度自適應(yīng)mygrid.enableAutoWidth(true);/寬度非自適應(yīng)mygrid.enableAutoWidth(true);/寬度自適應(yīng)，并且設(shè)置最大、最小寬度mygrid.enableAutoWidth(true,600,100);2.2.4 enableCellIds(mode)版本：大眾版參數(shù)：mode: true/false用途：當(dāng)前表格中單元格索引是否要求唯一。（id 是以如下模式“c_行索引_列索引” 自增的）參考實例：無2.2.5 enableHeaderImages(fl)版本：大眾版參數(shù)：mode: true/false，默認(rèn)為false用途：是否在表頭定義中使用image文件，即當(dāng)前表頭是否可以使用圖片。默認(rèn)為false，即可以使用，這里可能是個bug或陷阱，既然是false為什么還可以使用呢？參考實例：mygrid.enableHeaderImages(false);/可以在表頭中定義圖片mygrid.setHeader(無圖片,img:imgs/true.gifWith Icon ); /img:imgs/true.gifWith Icon為圖片+表頭定義格式。但這里有個bug大伙需要修改下，即在dhtmlxgrid.js中有這么一句：var imUrl=label.replace(/.*(+)/,$1);真確應(yīng)該寫為：var imUrl=label.replace(/.*(+).*/,$1);不然沒法子替換With Icon后的字符串。即image的路徑就不對了。2.2.6 init版本：大眾版參數(shù)：用途：grid初始化操作，與destructor方法相反參考實例：2.2.7 setAwaitedRowHeight(height)版本：大眾版,需要dhtmlxgrid_srnd.js的支持參數(shù)：Height:行高度用途：設(shè)置grid計算行的高度參考實例：mygrid.setAwaitedRowHeight(25);2.2.8 setCSVDelimiter(str)版本：大眾版,需要dhtmlxgrid_nxml.js的支持參數(shù)：str:csv格式文件風(fēng)格符用途：依據(jù)當(dāng)前分割符解析csv文件參考實例：mygrid.setCSVDelimiter(:);/設(shè)置風(fēng)格符為 ：var str=11:12:13n21:22:23n31:32:33;/csv格式字符串mygrid.loadCSVString(str);/加載csv字符串2.2.9 setColAlign(alStr)版本：大眾版參數(shù)：alStr: 各列數(shù)據(jù)布局字符串組合，逗號隔開用途：設(shè)置列數(shù)據(jù)的水平布局參考實例：mygrid.setColAlign(right,left,center,justify);2.2.10 setColSorting(sortStr)版本：大眾版參數(shù)：sortStr: 各列數(shù)據(jù)排序類型的字符串組合，逗號隔開用途：設(shè)置列數(shù)據(jù)的排序類型參考實例：mygrid.setColSorting(int,str,date,na,sortingFunction);2.2.11 setColTypes(typeStr)版本：大眾版參數(shù)：typeStr: 各列數(shù)據(jù)的類型字符串組合，逗號隔開用途：設(shè)置列數(shù)據(jù)的數(shù)據(jù)類型參考實例：mygrid.setColTypes(dyn,ed,txt,price,ch,coro,ra,ro);2.2.12 setColVAlign(valStr)版本：大眾版參數(shù)：valStr: 各列數(shù)據(jù)垂直布局字符串組合，逗號隔開用途：設(shè)置列數(shù)據(jù)的垂直布局參考實例：mygrid.setColVAlign(top,middle,bottom,top,top,sub);2.2.13 setColWidth (ind, value)版本：大眾版參數(shù)：ind: 列索引value: 寬度值用途：設(shè)置某列數(shù)據(jù)的寬度參考實例：mygrid.setColWidth(0,150);2.2.14 setDelimiter (delim)版本：大眾版參數(shù)：delim: 分隔符，默認(rèn)為逗號 ，用途：設(shè)置grid中分隔符合，默認(rèn)為逗號參考實例：mygrid.setDelimiter(;);/分號為分隔符mygrid.setHeader(First Column;Second Column;Third Column);2.2.15 setHeader (hdrStr, splitSign, styles)版本：大眾版參數(shù)：hdrStr: 表頭內(nèi)容lable字符串組合；splitSign: 分隔標(biāo)志 默認(rèn)為 #cspanstyle: 表頭各列樣式用途：設(shè)置grid中表頭、樣式等參考實例：/設(shè)置表頭mygrid.setHeader(A,B,C);/設(shè)置表頭樣式mygrid.setHeader(A,B,C,null,text-align:right;,text-align:left;,text-align:center);2.2.16 setIconPath (path)版本：大眾版參數(shù)：path: icon文件路徑；用途：設(shè)置grid中引用icon圖片路徑，一般在grid中使用tree或列中使用icon時定義參考實例：mygrid.setIconPath(./codebase/imgs/icons_greenfolders/);2.2.17 setImagePath (path)版本：大眾版參數(shù)：path: image文件路徑；用途：設(shè)置grid中引用圖片路徑，如排序圖片，checkbox圖片，背景等參考實例：mygrid.setImagePath(./codebase/imgs/);2.2.18 setInitWidths (wp)版本：大眾版參數(shù)：wp:各列初始化寬度字符串組合；用途：設(shè)置grid中各列初始化寬度參考實例：/明確設(shè)置各列寬度，如當(dāng)前寬度不足，表頭將自動折行，數(shù)據(jù)單元格自動截斷顯示mygrid.setInitWidths(150,100,100,100,100);/明確某列寬度為0，即當(dāng)前列將不顯示，可以用于隱藏數(shù)據(jù)等mygrid.setInitWidths(0,100,100,100,100);/設(shè)置當(dāng)前寬度自動平均分配，即最大寬度-定義寬度/ 自動寬度定義的數(shù)量mygrid.setInitWidths(*,*,100,100,100);2.2.19 setInitWidthsP(wp)版本：大眾版參數(shù)：wp:各列初始化寬度百分比字符串組合；用途：設(shè)置grid中各列初始化寬度百分比參考實例：/明確設(shè)置各列寬度百分比，即保證設(shè)置值相加為100mygrid.setInitWi