Layui table 创建js

写在前面的话：

Layui也许不是最好的一个ui，但是，简单即是美，在这方面，layui无疑是极其优秀的，而黑鸟我，最近一直在使用贤心的这套ui，

因为做得多了，不喜欢一些常用的功能被反复的使用，因此，封装了一个创建table的功能，很简单，希望能给初学者们提供一点帮助。

暂时只是一个简单的table功能，其中的创建页码的功能也可单独使用。

需注意，在使用该js前需引用 Layui (猛点这个超链接去官网下载)，还需要引用我编写的js文件，继续猛点击 LayuiHelp.js 

2017-02-24
相较于上次，本次修复了一个在创建页码时的bug，给出了较为详细的使用Demo，当然，此次依旧是一个简单的创建table的demo 

先睹为快：

主要的Demo代码

<div id="Table" style="margin-left: 25%;"> </div>
    //实例化一个表格控件对象
    var thisTable = Table_Layui;
    function SelectDataByPageIndex(PageIndex) {
        //每次查询获得的数据集--当前页的数据
        var Data = [
                        { Name: "张三", Sex: "1", Age: "15" },
                        { Name: "李四", Sex: "1", Age: "18" },
                        { Name: "王五", Sex: "1", Age: "26" },
                        { Name: "韩梅梅", Sex: "0", Age: "16" }
                    ];
        thisTable.SumDateCounte = 100;//总数据的行数
        thisTable.data = Data;
        thisTable.PageIndex = PageIndex;//当前页码
        thisTable.CreateTableFrame();//创建table
    
    }

    //编辑方法
    function Edit(index) {
        var json = Table_Layui.GetRowData(index);
        alert("有数据集了，自己处理编辑事件哦");

    }

    //删除方法
    function Delete(index) {
        var json = Table_Layui.GetRowData(index);
        alert("我要放大招了，小心点！");
    }




    //表格控件初始化设置
    function TableOnit() {
        thisTable.TablePanel = "Table";
        thisTable.Edit = Edit;
        thisTable.Delete = Delete;
        thisTable.SelectDataByPageIndex = SelectDataByPageIndex;
        thisTable.Column = [
                { txtName: "姓名", ValueCode: "Name",  80 },
                { txtName: "性别",
                    ValueCode: "Sex",
                     80,
                    ValueDeal: function (value) {
                        if (value == 0) {
                            return "女";
                        } else {
                            return "男";
                        }
                        return value;
                    }
                },
                { txtName: "年龄", ValueCode: "Age",  80 }
            ];
    }





    $(function () {
        TableOnit(); //初始化表格
        SelectDataByPageIndex(1);//初始化查询
    })