這篇文章主要介紹“SpreadJS在Angular2中支持哪些事件”，在日常操作中，相信很多人在SpreadJS在Angular2中支持哪些事件問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”SpreadJS在Angular2中支持哪些事件”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為泉港企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計，泉港網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

SpreadJS 純前端表格控件是基于 HTML5 的 JavaScript 電子表格和網(wǎng)格功能控件，提供了完備的公式引擎、排序、過濾、輸入控件、數(shù)據(jù)可視化、Excel 導(dǎo)入/導(dǎo)出等功能，適用于 .NET、Java 和移動端等各平臺在線編輯類 Excel 功能的表格程序開發(fā)。

首先 Angular2 綁定事件的方法是在 template 中使用"( )"設(shè)置綁定事件，然后在導(dǎo)出模塊中編寫事件觸發(fā)的方法，像這樣：

@Component({
    selector: 'my-app',
    template: 
      `
    `,
})

export class AppComponent { 
    workbookInit (args) { //do something  }
}

其中 $event 為 Angular2 的關(guān)鍵字，類似于 window.event，SpreadJS 對 $event 做了一些擴展，如果需要在事件中對 SpreadJS 相關(guān)的處理，那么可以傳入 $event 來獲取事件觸發(fā)的默認(rèn)參數(shù)，例如：

workbookInitialized 事件中傳入 $event 參數(shù)后，在可以通過 args.spread 獲取 spread 的實例對象。這里對workbookInitialized事件做一個說明，workbookInitialized中可以通過 args.spread 獲取 spread 對象，通過 spread 對象理論上我們可以在這里做任何 SpreadJS 功能的事情，這里的事情是不通過 Angular2 來進行處理的。這里可以做一些 Angular2 中不支持綁定的 SpreadJS 功能，例如：

Angular2 支持的 SpreadJS 屬性中沒有篩選功能，那么如果我們要在 Angular2 的工程中實現(xiàn)一個列的篩選功能我們應(yīng)該怎么做呢？以上面的代碼為例，我們可以在 workbookInit 方法中使用：

var spread = args.spread; var sheet = spread.getActiveSheet(); var columncount = sheet.getColumnCount(); var range = new GC.Spread.Sheets.Range(-1, 0, -1, columncount ); var rowFilter = new GC.Spread.Sheets.Filter.HideRowFilter(range);
sheet.rowFilter(rowFilter);

這樣就完成了在列上面增加綁定的功能。

需要注意的是，所有的事件都是綁定在 gc-spread-sheets 標(biāo)簽上的，綁定在其他標(biāo)簽上是無效的。

到此，關(guān)于“SpreadJS在Angular2中支持哪些事件”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
當(dāng)前標(biāo)題：SpreadJS在Angular2中支持哪些事件
分享地址：http://weahome.cn/article/jeecje.html