【原】关于前端页面插件
in 备忘 with 0 comment

【原】关于前端页面插件

in 备忘 with 0 comment

不要总是觉得国外的月亮一定圆 -- 笔者

最近一直在做数据展示工作，虽然产品策划说只要做表就可以，但是为了更加直观和美观，还是决定图表共存，所以引入两个插件，分别是：ECharts[百度出品] DataTables

Echarts -- 出色的网页画图插件

今年，echarts出了echarts 3系列，不得不说，相比于2而言，有了很大的进步，小巧的文件，精悍的代码，强大的功能，出色的效率，最让我爽快的是，纯汉字文档，国外的很多作图插件，我也试了一圈，要么就是功能少，要么就是文档少『可能是因为我太笨』。不得不说，咱们中国人写的插件，不管从文档还是使用，都非常符合我们的习惯，所以，如果你想要做一个漂亮的统计图，Echarts绝对让你惊喜。所以！国外的月亮一定圆？

DataTables -- 出色的网页表格插件

这个是一款国外的插件，非常强大的一个插件，但是英文文档，确实给我们上手带来了阻碍，所以这里我讲主要的谈谈基本用法『特别是我的那个奇葩需求』。

看国外的文档我还是主要看demo，实现功能效果就可以了，没必要纠结于个别晦涩的单词，同时多次试验才是王道！下面分享一个通过Jquery的Ajax实现表格刷新的demo吧，纠结了我很久的一个功能。

       var table = $('#myTable').DataTable({
            sScrollX: true,
            iDisplayLength: 15,
            ordering: false,
            lengthMenu: [[15, 50, 100, 500, 1000, -1], [20, 50, 100, 500, 1000, "所有"]],
            language: {
                "sInfoThousands": ","
            }
        });
        $.ajax({
            type: "POST",
            url: "/post/data/my.json",
            data: {start: "2016-04-18", end: ""},
            success: function( postRes ){
                table.clear().draw();
                table.rows.add(postRes.tableData).draw();
            }
        });

一开始我总是在想着能不能直接刷新，想着找类似于reload或者refresh这类的接口，后来只发现有个他自己的Ajax类型数据有reload方法，但是直接用Jquery的Ajax却没有reload，所以先用clear再rows.add

最后说两句，有时候别那么傻，换个思维，其实一切都很简单，还有国内的优秀软件还是有的，别一味的否决！！

本文由 陌上花开 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Jul 1, 2016 at 06:35 am

← → ↓ ↑
Comments are closed.