帅气的列表控件tingGrid(一)

来源:互联网 发布:山东人 知乎 编辑:程序博客网 时间:2024/04/28 17:46

我最近花了几乎几天的时间做出了一个列表控件,依赖于jquery完成,相对于开源的各种grid控件,功能也相对少了很多,但是功能和结构也变得十分的清晰。除了正常分页,排序等功能之外,相对与其他列表控件,我控件最大特别之处,在于分页,当你打开第一页时,第二页已经基本加载好,翻第二页时,第三页也依次加载完璧,所以在正常的翻页过程中,不会让你感觉有数据加载,以为数据事先被加载到页面上了。基于这个无刷新列表,我在翻页的时候也加了一些小小的滑动效果,改变了以前翻页时,当前页面消失,下一个页面出现,现在的翻页都是滑动,从左划到右或者从右滑倒左,感觉当前页是被下一页顶出去。

现在列表功能还未完善好,还存在bug,按钮还未绑定事件等还未开发,敬请期待下个版本。

不知道,这是不是当前开源列表中最帅的呢,如果不是继续加油???求板砖..


<script>    $(function () {        $.tingGrid({            url: '@Url.Content("~/User/UserList")',            title: '用户列表',            columns: [                    { display: '机构名称', name: 'USERID' },                    { display: '机构类别', name: 'UNITID' },                    { display: '联系人', name: 'ROLEID' },                    { display: '联系电话', name: 'LOGINNAME' }            ],            button: [                { name: "添加" },                { name: "删除" },                { name: "修改" }            ]        });    })</script>

0 0