easyui datagrid toolbar 如何用代码添加

easyui datagrid toolbar 如何用代码添加,第1张

{

iconCls: 'icon-help',

text : '搜索:<input type="text"></input>',

handler: function(){

//

}

}

不会很复杂,直接在text里面返回一个input标签就好了

最终效果如图:

使用layui的table功能时,在参考官方文档 layui数据表格 情况下,修改 工具栏左侧显示默认的内置模板。

      toolbar: 'default'  //让工具栏左侧显示默认的内置模板

       左侧的内置以layui-icon显示的 *** 作按钮就展示出来,如图所示-左侧部分

但有时根据项目需求,不需要显示 添加 编辑 删除中的某一个或者某两个功能时,我们可以如下 *** 作:

点击功能方法参考官网文档即可;

例如:不想自定义一个复杂的导出功能,在使用官网给的例子的情况下,使用自己的导出方法。删除掉默认模板导出功能,如下图所示:

总结:利用官网文档学习使用layui框架,再此基础上进行修改和完善达到我们想要的功能。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11720419.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存