随笔分类 -  EasyUI

摘要:效果图 html部分 <table class="my_table"> <tr> <td class='my_dt_label'>主叫号码:</td> <td class='my_dt_field'><input type='text' id='select_callerid' class='my_ 阅读全文
posted @ 2024-01-31 17:01 海乐学习 阅读(376) 评论(0) 推荐(0) 编辑
摘要:效果图 html 部分 <div style='padding:0px 0px 7px 12px ;'> <table class="my_table" > <tr> <td class='my_dt_label'>姓名:</td> <td class='my_dt_field'><input ty 阅读全文
posted @ 2024-01-31 16:29 海乐学习 阅读(286) 评论(0) 推荐(0) 编辑
摘要:easyui-datagrid 显示和隐藏 有点特殊 正常使用的 style="display:none;" 不起作用 需要在 外面套一个 easyui-panel ,控制 easyui-panel 来间接控制 easyui-datagrid <div id='div_toexcel' class= 阅读全文
posted @ 2023-06-14 15:50 海乐学习 阅读(777) 评论(0) 推荐(0) 编辑
摘要:将 grid 组件克隆至 grid_toexcel 组件 表结构(列)及数据完全一样 html <table id='grid' class='easyui-datagrid' style='width:1250px;min-height:450px' title='列表' iconCls='ico 阅读全文
posted @ 2023-06-14 15:38 海乐学习 阅读(64) 评论(0) 推荐(0) 编辑
摘要:页面上有两个 easyui-datagrid 组件 grid 用于显示 grid_toexcel 用于导出 目的 将 grid 克隆至 grid_toexcel 使 grid_toexcel 与 grid 的表结构完(列)全一样,但数据并不克隆 html <table id='grid' class 阅读全文
posted @ 2023-06-14 15:30 海乐学习 阅读(73) 评论(0) 推荐(0) 编辑
摘要:通常在统计报表中会出现 求 合计的需求 easyui-datagrid 中 实现 合计 的示例 界面 html <div style='padding:0px 0px 15px 12px ;'> <table> <tr> <td style="width:65px;">登陆时间:</td> <td 阅读全文
posted @ 2023-06-14 15:19 海乐学习 阅读(666) 评论(0) 推荐(0) 编辑
摘要:这个示例使用 前端 easyui-datagrid 后端 php 这里是不是 easyui-datagrid 不重要了,是将easyui-datagrid的数据转到table,再将 table导出Excel 使用了 js-xlsx js-xlsx 文件可自行搜索下载 ,参考 https://www. 阅读全文
posted @ 2023-06-14 15:13 海乐学习 阅读(2076) 评论(0) 推荐(1) 编辑
摘要:这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点:查询结果显示在datagrid中(可以分页),前端直接下载不用回后端, 阅读全文
posted @ 2023-06-14 14:37 海乐学习 阅读(790) 评论(0) 推荐(0) 编辑
摘要:这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点:查询结果显示在datagrid中(不能分页),前端直接下载不用回后端, 阅读全文
posted @ 2023-06-14 13:01 海乐学习 阅读(326) 评论(0) 推荐(0) 编辑
摘要:这个示例使用 前端 easyui-datagrid 后端php 其中前端是不是 easyui-datagrid 不重要,这个方法主要是使用后端 php 来实现导出Excel 优点:现在的应用中大部分是分页显示的,在前台只显示一部分,但导出Excel是要看全部的。所以此时用前端js导出则不太好实现。 阅读全文
posted @ 2023-06-14 11:28 海乐学习 阅读(314) 评论(0) 推荐(0) 编辑
摘要:默认 选中 主要是在 html 加入 checked <td style="width:65px;">创建时间:</td> <td><input id="switch_date_entered" class="easyui-switchbutton" style="width:60px;height 阅读全文
posted @ 2022-08-31 16:31 海乐学习 阅读(448) 评论(0) 推荐(0) 编辑
摘要:我在开发中遇到的奇特现象 <td style="width:65px;">创建时间:</td> <td><input id="switch_date_entered" class="easyui-switchbutton" style="width:60px;height:25px" onText= 阅读全文
posted @ 2022-08-31 16:17 海乐学习 阅读(73) 评论(0) 推荐(0) 编辑
摘要:easyui-linkbutton 按钮组件 html <div align=center > <a href='#' id='create_data_field' name='create_data_field' class='easyui-linkbutton' iconCls='icon-da 阅读全文
posted @ 2022-06-08 11:27 海乐学习 阅读(171) 评论(0) 推荐(0) 编辑
摘要:在项目中要求用 Json的方式请求,并在 easyui-datagrid中实现分页。 easyui-datagrid 绑定方式 $('#grid').datagrid('options').url=url ; $('#grid').datagrid('options').queryParams=qu 阅读全文
posted @ 2021-03-09 16:53 海乐学习 阅读(862) 评论(0) 推荐(0) 编辑
摘要:<table id='grid' class='easyui-datagrid' style='width:100%;height:450px' title='列表' iconCls='icon-table' pagination='true' rownumbers='true' fitColumn 阅读全文
posted @ 2021-03-09 14:48 海乐学习 阅读(568) 评论(0) 推荐(0) 编辑
摘要:easyui-combobox 下拉菜单 多选 multiple Html <select class="easyui-combobox" id='select_product_name' name='select_product_name' data-options="multiple:true" 阅读全文
posted @ 2020-06-17 14:39 海乐学习 阅读(1706) 评论(0) 推荐(0) 编辑
摘要:最终的效果图 原easyui-combotree样式 Html <select id="select_order_type" name="select_order_type" class="easyui-combotree" multiple style="width:140px;"></selec 阅读全文
posted @ 2020-06-17 10:20 海乐学习 阅读(4020) 评论(0) 推荐(0) 编辑
摘要:<table id="table_excel" style="text-align:center;display:block;" > </table> //生成 table_excel //第一行 列名 strRow="<tr>"; var cols = $('#grid').datagrid('g 阅读全文
posted @ 2020-05-23 21:42 海乐学习 阅读(693) 评论(0) 推荐(0) 编辑
摘要:html部分 <table id='grid' class='easyui-datagrid' style='width:100%;height:480px' title='列表' iconCls='icon-table' pagination='true' rownumbers='true' fi 阅读全文
posted @ 2019-09-12 10:10 海乐学习 阅读(1238) 评论(0) 推荐(0) 编辑
摘要:messager.alert 后某文本框获得焦点 阅读全文
posted @ 2019-04-19 12:34 海乐学习 阅读(540) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示