原創|使用教程|編輯:郝浩|2013-07-11 14:21:15.000|閱讀 680 次
概述:ComponentOne Studio for ASP.NET Wijmo運用最先進的CSS3、HTML5、jQuery等技術,幫助用戶創建最強大的Web應用?;鄱季陀肳eb上比較難實現的表格操作來證明它的強大性。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
ComponentOne Studio for ASP.NET Wijmo運用最先進的CSS3、HTML5、jQuery等技術,幫助用戶創建最強大的Web應用。接下來慧都就用Web上比較難實現的表格操作來證明它的強大性。
Web上的報表或表格應用,較為復雜的表格操作一般都比較難實現了,而運用ComponentOne Studio for ASP.NET Wijmo中的SpreadJS,能夠實現一些難以相信的表格操作,為最終用戶提供類似桌面應用的操作體驗。例如接下來我們要說的單元格合并,即將一系列的單元格合并成一個新的跨幾行或幾列的單元格,這個功能在Excel中非常常見,在中國式報表中,合并單元格的目的一般是創建行列標題或者進行分類匯總。
我們就以一個簡單的例子來說明操作步驟,要合并A1,B1,C1來創建一個叫“Monthly Sales”的行標題,只需要以下代碼:
sheet.addSpan(0, 0, 1, 3); sheet.getCell(0, 0).hAlign($.wijmo.wijspread.HorizontalAlign.center) sheet.setValue(0, 0, "Monthly Sales"); sheet.setValue(1, 0, "Jan"); sheet.setValue(1, 1, "Feb"); sheet.setValue(1, 2, "Mar");
然后就是下面合并的結果:
當然,也有可能有另外一種需求,也就是想要合并工作表中的列標題或行標題,如下所示:
這個Wijmo也是可以實現的,需要使用addSpan方法來增加如下SheetArea的參數:
sheet.addSpan(0, 0, 1, 3, $.wijmo.wijspread.SheetArea.colHeader);
刪除合并單元格也非常簡單,使用removeSpan方法就可以了:
var spans = sheet.getSpans(); for(var i = 0; i < spans.length; i++) { sheet.removeSpan(spans.row,spans.col); }
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網