蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

蓝冠代理_jQuery前端表格插件uiduck


 查看演示
 website
 立即下载 插件描述:jQuery前端表格插件uiduck,功能强大,支持前后端分页,模板语法,可接入三方UI库。

更新时间:2020-01-20 22:03:20

更新说明:修复后台分页时无法设置数据总数的bug

更新时间:2019-12-07 01:21:38

更新说明:修改文档说明页的pageOptions的class属性名称,改为pageClass。

更新时间:2019-12-05 23:37:45

uiduck

前端表格插件,功能强大,支持前后端分页,模板语法,可接入三方UI库。

准备工作

uiduck依赖于JQuery

在代码中引用上述文件

<link href="css/uiduck.css" type="text/css" rel="stylesheet">
<link href="css/uiduck-extend-theme.css" type="text/css" rel="stylesheet">
<script language="Javascript" src="js/uiduck.js"></script">

在代码中创建表格的DIV容器,并设置ID属性

<div id="table"></div">

使用配置说明

通过调用uiduck.setOptions()完成初始化

配置示例

uiduck.setOptions({
    templateId: "table",
    url: {
        url: "http://data.live.126.net/livechannel/sub/3.json",
        type: "POST",
        key: "sublives"
    },
    loading: {
        icon: "uiduck-loading-1"
    },
    page: true,
    fieldOptions: [{
            index: true,
            title: "序号"
        },
        {
            key: "cid",
            title: "ID"
        }, {
            key: "cname",
            title: "类型"
        }, {
            key: "collectionId",
            title: "测试",
            type: "map",
            computed: {
                "0": "李白",
                "1": "杜甫",
                "2": "白居易",
                "3": "王安石"
            }
        }, {
            key: "icon",
            title: "图标",
            type: "image",
            width: "30px",
            height: "30px",
        }
    ]
});

Author:nicezz

E-mail:[email protected]

本程序的版权遵循创作共用原则,你可以免费使用、修改、发布本程序,请注明原作者

2020-05-22