国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

強(qiáng)不強(qiáng)？能在多種前端框架下使用的表格控件

沈儉 / 2849人閱讀

摘要：近幾年前端框架特別流行，比如等。有沒有能夠在多種前端控件下都能使用的表格控件還真有中的，能支持很多主流的框架。在純下使用文件引入的文件和樣式引入和文件。獲得控件，并進(jìn)行數(shù)據(jù)綁定。

近幾年 Web 前端框架特別流行，比如 AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS 等。表格控件是我們在開發(fā)中經(jīng)常要用到的控件。有沒有能夠在多種前端控件下都能使用的表格控件？還真有！Wijmo中的FlexGrid，能支持很多主流的框架。這里主要介紹在純 JavaScript 和 AngularJS 下的使用方法。

在純 JavaScript 下使用

HTML 文件：

引入Wijmo的JS文件和樣式：wijmo.min.css 、wijmo.min.js、wijmo.grid.min.js

引入app.js和FlexGrid.js文件。

定義一個div元素用于顯示Grid

在app.js中定義appData，其中的getData方法根據(jù)傳入的Count產(chǎn)生數(shù)據(jù)。

FlexGrid.js：

在FlexGrid.js中調(diào)用data.getData(30)獲取數(shù)據(jù)30個數(shù)據(jù)。獲得FlexGrid控件，并進(jìn)行數(shù)據(jù)綁定。

下面就是運行結(jié)果：

在AngularJS下使用FlexGrid

HTML文件：

引入angular.min.js

引入Wijmo相關(guān)的文件wijmo.min.js、wijmo.grid.min.js、wijmo.angular.min.js、wijmo.min.css

引入app.js和control.js

添加NG指令ng-app、ng-controller

通過wj-flex-grid指令定義表格，并設(shè)置數(shù)據(jù)源

app.js文件：

control.js文件：

其運行結(jié)果和純JS的結(jié)果完全一樣。

結(jié)語

通過上面的兩個示例可以看到，無論是在純JS中還是在AngularJS中，使用FlexGrid都非常簡單。尤其是在 AngularJS 框架中通過 Wijmo 自定義的 Angular 指令 wj-flex-grid，使用表格控件很容易。Wijmo 支持 AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS、Ionic等前端框架，就不在一一示例。FlexGrid 的功能包括排序、過濾、分組、分頁、單元格合并、凍結(jié)、格式化、條件樣式、單元格模板、主題、樹形結(jié)構(gòu)等。感興趣的同學(xué)可以做擴(kuò)展閱讀，鏈接如下：

Wijmo 中文官網(wǎng)

FlexGrid 詳細(xì)功能介紹

點擊此處，可下載本文中介紹的示例源碼

==

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/50438.html

相關(guān)文章

  • Vue 2019開發(fā)者圖譜

    摘要：為了便于您更清晰的理解的體系架構(gòu)，在這里我將為您展示年開發(fā)者知識圖譜，它包含了所有開發(fā)過程中的關(guān)鍵部分。在數(shù)據(jù)展示前端導(dǎo)入導(dǎo)出圖表面板數(shù)據(jù)綁定等場景無需大量代碼開發(fā)和測試，可極大節(jié)省企業(yè)研發(fā)成本并降低交付風(fēng)險。 作為 Vue 的初學(xué)者，您或許已經(jīng)聽過很多關(guān)于它的專業(yè)術(shù)語了，例如：單頁面應(yīng)用程序、異步組件、服務(wù)器端呈現(xiàn)等，您可能還聽過和Vue經(jīng)常一起被提到的工具和庫，如Vuex、Webp...

    cgspine 評論0 收藏0

  • 純干貨分享： 如何在 React 框架中使用SpreadJS

    摘要：作者葡萄城控件最好的功能之一就是能夠在不同的框架中使用它。本文將演示如何在簡單的頁面中使用編譯器將與快速結(jié)合。這只是和的基本使用，但可以輕松擴(kuò)展。自面世以來，備受華為中通中國民航飛行學(xué)院中國平安中國能建浪潮等國內(nèi)知名企業(yè)客戶青睞。 作者：葡萄城控件SpreadJS最好的功能之一就是能夠在不同的框架中使用它。本文將演示如何在簡單的Web頁面中使用Babel JavaScript編譯器將S...

    Lin_R 評論0 收藏0

  • 用WijmoJS玩轉(zhuǎn)您的Web應(yīng)用 —— React

    摘要：關(guān)于作為一款純前端控件集，秉承快如閃電，觸控優(yōu)先的設(shè)計理念，在提供優(yōu)質(zhì)服務(wù)和產(chǎn)品的同時，專注于企業(yè)應(yīng)用開發(fā)，不斷優(yōu)化產(chǎn)品架構(gòu)，與時俱進(jìn)。靈活的為用戶提供易用輕松的操作體驗，全面滿足開發(fā)所需，是構(gòu)建企業(yè)應(yīng)用程序最完整的純前端控件集。 前文回顧 在《用 WijmoJS 玩轉(zhuǎn)您的Web應(yīng)用》系列文章中，我們已經(jīng)介紹了Angular和Vue框架下 WijmoJS 的玩法。 而今天，我們將展示如...

    FleyX 評論0 收藏0

  • 2017年 JavaScript 框架回顧 -- 前端框架

    摘要：年，已經(jīng)成為了最受歡迎的前端框架。年前端框架情況上圖顯示了年月至年月的個月期間，各個框架的絕對受歡迎程度及其增長情況。葡萄城公司成立于年，是全球領(lǐng)先的集開發(fā)工具商業(yè)智能解決方案管理系統(tǒng)設(shè)計工具于一身的軟件和服務(wù)提供商。 概述： 對于 JavaScript 社區(qū)來說，npm 的主要功能之一就是幫助開發(fā)者發(fā)掘所需的 npm Registry 中的庫和框架。npm 強(qiáng)大的搜索功能能夠幫助找到...

    huashiou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<