layui defaultToolbar 自定义默认行为

自定义defaultToolbar

1
2
3
4
5
6
7
8
9
// 渲染表格
  table.render({
    elem: '#demo'
    ,defaultToolbar: ['filter', 'print', 'exports', { // 自定义工具栏
      title: '标题' // 自定义标题
      ,layEvent: 'customEvent' // 自定义事件名
      ,icon: 'layui-icon-edit' // 自定义图标
    }]
  });

事件处理

1
2
3
4
5
6
7
8
9
// 监听自定义按钮事件
  table.on('toolbar(demo)', function(obj){
    switch(obj.event){
      case 'customEvent':
        // 自定义按钮的点击事件处理逻辑
        alert('你点击了自定义按钮!');
      break;
    };
  });

 

posted @   microsoft-zhcn  阅读(95)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示