easyui toolbar 可以放在datagrid底下
html:
<div class="easyui-tabs" style="height: 250px;" tools="#t_rank"> <div title="指标排名"> <table id="dg_rank"> </table> </div> </div> <div id="toolbar" class="datagrid-toolbar"> <a class="easyui-linkbutton" plain="true" onclick="" title="充电总金额">1</a> <a class="easyui-linkbutton" plain="true" onclick="" title="按平均充电量">2</a> <a class="easyui-linkbutton" plain="true" onclick="" title="按运行故障率">3</a> <a class="easyui-linkbutton" plain="true" onclick="" title="按卡消费总额">4</a> </div>
js:
/** * *指标排名datagrid **/ function rank() { $('#dg_rank').datagrid({ url: '../../WebService/WarnRecService.ashx', queryParams: { action: 'findbytelesignallingwarn2', warnType: '', zhanBh: '', yunXinBh: '', kssj: '', jssj: '', clfs: '' }, fit: true, singleSelect: true, border: false, striped: true, showFooter: true,
toolbar:'#toolbal', buttons: '#toolbar', columns: [[ { field: 'Id', hidden: true }, { field: 'CodeName', title: '类型', align: 'center', width: 100 }, { field: 'OccurDt', title: '时间', align: 'center', width: 150 }, { field: 'ZhanJc', title: '场站名称', align: 'center', width: 150 }, { field: 'YunXing_Bh', title: '桩运行编号', align: 'center', width: 113 }, { field: 'LogDesc', title: '内容', align: 'center', width: 340 }, { field: 'ProcessFlag', title: '处理情况', width: 60, align: 'center', formatter: function (value, row, index) { var str = ""; switch (row.ProcessFlag) { case 0: str = "<a href='#' onclick='OffPolice_click(\"" + row.Id + "\")' class='easyui-linkbutton' plain='true' title='' iconcls='icon-cancel'></a>"; break; case 1: case 2: str = "<a href='#' class='easyui-linkbutton' plain='true' title='' iconcls='icon-ok'></a>"; break; default: } return str; } }, { field: 'content', title: '处理方式', align: 'center', width: 100, formatter: function (value, row, index) { var str = row.ProcessFlag; switch (str) { case 0: str = "未处理"; break; case 1: str = "自动灭警"; break; case 2: str = "手动灭警"; break; default: } return str; } } ]], onLoadSuccess: function () { $($('#dg_rank').datagrid("getPanel")).find('a.easyui-linkbutton').linkbutton(); insertHtmlInDom(); } }); } /** * *在id为da_rank的父节点外面添加id为toolbar的div **/ function insertHtmlInDom() { $('#dg_rank').parent().after($('.datagrid-toolbar')); }
显示:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
2012-09-18 Oracle中TO_CHAR格式
2012-09-18 Oracle中TO_DATE格式(转)
2012-09-18 关于Jquery中ajax方法data参数用法
2012-09-18 Oracle修改时间报:ORA-01830: 日期格式图片在转换整个输入字符串之前结束的解决办法