❷、easyui
关注
分享
扫一扫
easyui
郑清
If I were you.
展开
-
EasyUI(1) 使用方法、引入、创建组件、LinkButton、panel、tree、Menu
第一步：点击去官网下载EasyUI第二步：项目中导入easyui所需东西第三步：引入EasyUI <!-- easyui样式支持 --> <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css"> <!-- easyui图标...原创 2018-11-08 10:15:57 · 2247 阅读 · 0 评论 -
EasyUI(2) 页面右击实现增删改菜单功能
先看效果图吧：html：<%--这是一个隐藏的右击增删改菜单哦 写在body中即可 data-method里面是你自己调用方法实现增删改的功能哦--%><div id="menu_CRUD" class="easyui-menu" style="width: 30px; display: none;"> <div data-method="ad...原创 2018-11-25 08:44:27 · 1032 阅读 · 1 评论 -
EasyUI(3) 页面tabs选项卡右击实现选择关闭全部，其他，左侧，右侧标签功能
效果图：代码：<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>智销系统</title> <%@ include file="/WEB-INF/views/head.jsp"%&g...原创 2018-11-25 09:05:07 · 2723 阅读 · 0 评论 -
EasyUI(5) $.fn.datagrid.methods[_86e] is not a function(easyui扩展插件冲突错误)
出现如下错误：$.fn.datagrid.methods[_86e] is not a function在项目中我出现的问题是使用可编辑表格扩展插件(Cell Editing in DataGrid)的时候没有相应的效果后来发现是和datagrid-扩展列信息中的 jeasyui.extensions.datagrid.tooltip.js 插件冲突解决方法: --> 在to...原创 2018-12-04 21:47:49 · 8307 阅读 · 0 评论 -
EasyUI(4) 扩展datagrid鼠标移到列或行表格上显示详细信息(tooltip功能)
效果图：(当列或行消息显示不完的时候，鼠标移上去会扩展所要显示的信息[即详细信息] 更有利于用户体验~)第一步：引入下面所需js插件<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getDom.js"&g...原创 2018-11-28 18:04:05 · 5867 阅读 · 2 评论 -
EasyUI(6) 实现datagrid多行删除功能
效果图：F12浏览器查看执行信息：html页面：singleSelect:false,checkOnSelect: truejs：(温馨小提示：注意根据自己实现删除的方法去调用哦~ 我的多行删除在delete里面)$(function () { var datagrid = $('#dataGrid'); //数据展示 //为所有有data...原创 2018-12-05 10:15:25 · 2722 阅读 · 1 评论 -
EasyUI(7) 扩展datagrid列隐藏菜单，升序降序以及过滤显示
效果图：鼠标右击表头可选择隐藏或显示列信息，升序降序以及过滤显示引入js插件即可使用了哦：<!-- datagrid-隐藏列菜单的支持 --><link href="http://www.easyui-extlib.com/Content/Site.css" rel="stylesheet" /><link href="http://www.easy...原创 2018-12-05 10:52:00 · 1825 阅读 · 4 评论 -
EasyUI(8) 页面实现增删改查和后台结合的小案例
效果：增删改查，鼠标移动到缩略图上进行放大显示，修改数据时的数据回显，通过后台返回的json数据正确显示页面，图片文件上传，增删改的快捷键操作，颜色选择器，右击菜单等等下面我们先看看效果是不是自己想要的吧，代码放最后了~~数据展示页面：显示页面时后台返回的json格式添加数据页面：修改回显数据页面：删除数据页面：jsp页面代码<%@ pa...原创 2018-12-05 11:20:34 · 3412 阅读 · 0 评论 -
EasyUI(9) 快捷键实现增删改(jquery.hotkeys.js插件)
第一步：下载 jquery.hotkeys.js插件http://plugins.jquery.com/hotkeys/第二步：js引入<!-- jquery的按键扩展支持 --><script type="text/javascript" src="/js/plugin/shortcut_key/jquery.hotkeys.js"></sc...原创 2018-12-05 11:33:09 · 900 阅读 · 0 评论