原創(chuàng)|使用教程|編輯:郝浩|2013-07-11 14:21:15.000|閱讀 694 次
概述:ComponentOne Studio for ASP.NET Wijmo運用最先進的CSS3、HTML5、jQuery等技術(shù),幫助用戶創(chuàng)建最強大的Web應(yīng)用。慧都就用Web上比較難實現(xiàn)的表格操作來證明它的強大性。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
ComponentOne Studio for ASP.NET Wijmo運用最先進的CSS3、HTML5、jQuery等技術(shù),幫助用戶創(chuàng)建最強大的Web應(yīng)用。接下來慧都就用Web上比較難實現(xiàn)的表格操作來證明它的強大性。
Web上的報表或表格應(yīng)用,較為復(fù)雜的表格操作一般都比較難實現(xiàn)了,而運用ComponentOne Studio for ASP.NET Wijmo中的SpreadJS,能夠?qū)崿F(xiàn)一些難以相信的表格操作,為最終用戶提供類似桌面應(yīng)用的操作體驗。例如接下來我們要說的單元格合并,即將一系列的單元格合并成一個新的跨幾行或幾列的單元格,這個功能在Excel中非常常見,在中國式報表中,合并單元格的目的一般是創(chuàng)建行列標(biāo)題或者進行分類匯總。
我們就以一個簡單的例子來說明操作步驟,要合并A1,B1,C1來創(chuàng)建一個叫“Monthly Sales”的行標(biāo)題,只需要以下代碼:
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");
然后就是下面合并的結(jié)果:
當(dāng)然,也有可能有另外一種需求,也就是想要合并工作表中的列標(biāo)題或行標(biāo)題,如下所示:
這個Wijmo也是可以實現(xiàn)的,需要使用addSpan方法來增加如下SheetArea的參數(shù):
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); }
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)