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