你的位置:首页 > 软件开发 > Java > 能在多种前端框架下使用的表格控件

能在多种前端框架下使用的表格控件

发布时间:2017-01-12 00:01:17
近几年Web前端框架特别流行,比如AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件?最近研究发现Wijmo中的FlexGrid是一款不错的表格控件, ...

能在多种前端框架下使用的表格控件

近几年Web前端框架特别流行,比如AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件?最近研究发现Wijmo中的FlexGrid是一款不错的表格控件,它能支持很多主流的框架。这里主要介绍在纯JavaScript和AngularJS下FlexGrid的使用。

一、在纯JavaScript下使用FlexGrid

HTML文件:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title></title>  <meta charset="utf-8" />  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />    <!-- Wijmo -->  <link href="styles/vendor/wijmo.min.css" rel="stylesheet" />  <script src='/images/loading.gif' data-original="scripts/vendor/wijmo.min.js" type="text/javascript"></script><script src='/images/loading.gif' data-original="scripts/vendor/wijmo.grid.min.js" type="text/javascript"></script>  <script src='/images/loading.gif' data-original="scripts/app.js" type="text/javascript"></script>  <script src='/images/loading.gif' data-original="scripts/FlexGrid.js" type="text/javascript"></script></head><body>  <div id="grid">  </div></body></html>

原标题:能在多种前端框架下使用的表格控件

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。