美文网首页
zui表格-刷新表格

zui表格-刷新表格

作者: 狗尾巴草也开花 | 来源:发表于2017-06-19 17:10 被阅读0次
  1. zui表格-刷新表格
  2. tableView reloadRows或reloadData刷
  3. bootstrap table使用
  4. bootstrap-table方法
  5. easyui表格刷新
  6. LayUI页面关闭和刷新问题
  7. 前端解析JSON发现的问题
  8. 代理 Delegate 5部曲
  9. 开发小技巧
  10. html5表格标签

    <code>
    <!DOCTYPE html>
    <html lang="ch">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello world!</title>
    <link href="lib/css/zui.min.css" rel="stylesheet">
    <link href="lib/datatable/zui.datatable.min.css" rel="stylesheet">

    <script src="lib/jquery/jquery.js"></script>
    <script src="lib/js/zui.min.js"></script>
    <script src="lib/datatable/zui.datatable.min.js"></script>
    

    </head>
    <body>

    <table id="tab" class="datatable" data-checkable="true" data-sortable="true"></table>
    <button class="btn btn-primary" type="button" id="btn_click">
    主要1按钮
    </button>
    <button class="btn btn-primary" type="button" id="btn_click2">
    主要2按钮
    </button>
    <script>
    $('#btn_click').click(function () {
    /* 使用选项选项来初始化数据 */
    $('table.datatable').datatable({
    data: {
    cols: [
    {width: 80, text: '#', type: 'number', flex: false, colClass: 'text-center'},
    {width: 160, text: '时间', type: 'date', flex: false, sort: 'down'},
    {width: 80, text: '名称', type: 'string', flex: true, colClass: ''}
    ],
    rows: [
    {checked: false, data: [1, '2016-01-18 11:05:15', '名称示例1']},
    {checked: false, data: [2, '2016-01-20 12:06:16', '名称示例2']},
    // 更多数据
    ]
    }
    });
    })
    $('#btn_click2').click(function () {
    // 使用data参数更新数据:
    $('table.datatable').datatable('load', {
    cols: [
    {width: 80, text: '新的#', type: 'number', flex: false, colClass: 'text-center'},
    {width: 160, text: '新的时间', type: 'date', flex: false, sort: 'down'},
    {width: 80, text: '新的名称', type: 'string', flex: true, colClass: ''}
    ],
    rows: [
    {checked: false, data: [1, '2016-01-18 11:09:36', '新的名称示例1']},
    {checked: false, data: [2, '2016-01-22 12:06:16', '新的名称示例2']},
    // 更多数据
    ]
    });
    })
    </script>
    </body>
    </html>
    </code>

    相关文章

    • zui表格-刷新表格

      Hello world! 主要1按钮 主要2按钮 $('#btn_c...

    • tableView reloadRows或reloadData刷

      有些时候用 reloadRows 刷新指定 cell 或者 reloadData 刷新整张表格时,会发生表格闪烁跳...

    • bootstrap table使用

      初始化表格 刷新表格 表格列数据居中 设置高度 表格列中添加button按钮及事件如初始化表格最后一列 field...

    • bootstrap-table方法

      初始化表格 销毁表格 刷新表格 获取选中行数据 获取所有行数据 添加请求参数 Bootstrap表格方法-小书童文...

    • easyui表格刷新

    • LayUI页面关闭和刷新问题

      一 编辑成功后刷新父页面 二 请求成功后刷新数据表格 三 关闭子页面刷新父页面数据表格 调用layer插件的en...

    • 前端解析JSON发现的问题

      场景一个表格,前端通过 axios 发起请求,后端相应一个表格数据突然,表格不会显示,刷新不行,查代码,没动过,在...

    • 代理 Delegate 5部曲

      我想要在批阅客户完成的时候刷新表格以及客户的跟进信息 在本类中调用代理方法 只讲表格,在表格中实现委托 实现代理的...

    • 开发小技巧

      表格中刷新指定分区,UITableViewRowAnimationFade淡入淡出动画,[str integerV...

    • html5表格标签

    表格 格式: 表格标签: ————定义表格 ———— 定义表格标题。 ———— 定义表格的表头。 ———— ...

    网友评论

        本文标题:zui表格-刷新表格

        本文链接:https://www.haomeiwen.com/subject/vhfnqxtx.html