easyui
关注
分享
扫一扫
easyui的常用的代码解读，已经提供源码，只要跟随步骤就可以实现
一写代码就开心
一起学编程呀，头秃的那种。
学完之后，找一份java，python开发的工作不成问题
展开
-
利用easyui实现增删改查：ssm项目的全部代码
index.jsp页面<%@ page contentType="text/html;charset=UTF-8" language="java" %> <link rel="stylesheet" type="text/css" href="/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/themes/icon.css"> <sc.原创 2020-09-06 21:28:48 · 227 阅读 · 0 评论
-
利用easyui实现 菜单节点和选项卡的联动效果
我们可以利用树实现菜单的显示，但是我们需要每点击一个菜单在右侧实现一个选项卡，这个就需要easyui里面的选项卡的功能我们写一个代码 <%--创建选项卡容器--%> <div id="tt" class="easyui-tabs" style="width:500px;height:250px;" data-options="fit:true,border:true,plain:false,tabPosition:'top'"> <%--选项卡面板原创 2020-09-08 15:47:28 · 715 阅读 · 0 评论 -
利用easyui实现菜单的展示 easyui_tree
<%--声明树状的ul容器--%> <ul id="myTree" class="easyui-tree"> <%--声明一级菜单--%> <li> <span>超市购物网站</span> <%--声明二级菜单细信息--%> .原创 2020-09-08 15:00:16 · 270 阅读 · 0 评论 -
利用easyui实现页面的折叠面板组件
实现的效果我们在easyui的api里面，可以看到折叠面板组件里面实现的代码是外层大的div <div id="aa" class="easyui-accordion" data-options="fit:true,border:false,animate:true,selected:1" style="width:300px;height:200px;"> <%--折叠区域--%> <div title="购物网站.原创 2020-09-08 14:39:57 · 577 阅读 · 0 评论 -
利用easyui实现页面的布局效果
页面布局实现的方式有<body class="easyui-layout"><%--layout组件完成网页布局--%><div data-options="region:'north',split:false" style="height:100px;"></div><div data-options="region:'south',split:false" style="height:100px;"></div>&l原创 2020-09-08 14:21:33 · 250 阅读 · 0 评论 -
利用easyui实现增删改查：easyui样式的日期的显示
如何实现以上的样式呢？<%--datebox日期框--%> <input id="dd" type="text" class="easyui-datebox" data-options="editable:false,currentText:'今天',closeText:'关闭'">以上弄完之后，我们选择了一个日期，那么在框里面的时间就是这样的但是我想要修改时间的格式，后台要的格式不是这样的，需要自己修改，咋修改使用解释 for.原创 2020-09-08 14:09:01 · 242 阅读 · 0 评论 -
利用easyui实现增删改查：表单里面的下拉框
以上是显示的结果，如何显示为这样呢？具体操作如下：<input id="cc" name="dept" value="aa">$('#cc').combobox({ url:'combobox_data.json', //这个里面写的就是你controller层里面的路径，返回的是json格式，返回的键是id ， text 。意思就是 valueField textField 就是设置键 valueField:'id', textField:'.原创 2020-09-08 13:50:44 · 348 阅读 · 0 评论 -
利用easyui实现增删改查（四）：树tree的展示
我们在网站里面可以看到左侧有菜单，有父列表，每一个下面还有子列表但是以上的菜单是自己写在jsp页面的，写在想要动态的显示，就是菜单的父子都在数据库，要动态的展现在前段数据库里面的数据...原创 2020-09-07 15:47:14 · 376 阅读 · 0 评论 -
利用easyui实现增删改查（四）：搜索数据
界面展示具体jsp代码我们在jsp页面画出搜索的页面<div id="datagridtoorbar"> <a href="javascript:void(0)" >添加</a> <a href="javascript:void(0)" >删除</a> <input id="keywords" type="text" name="keywords"/> 搜索的按钮</div> /原创 2020-09-07 08:49:06 · 426 阅读 · 0 评论 -
利用easyui实现增删改查（四）：修改数据
需求：数据列表后面是有修改的按钮，点击之后，会弹出一个模态框，并且对应的数据是会回填到模态框，之后我们修改之后，点击模态框里面的修改按钮，那么就可以将修改的数据传到后台，这样就可以完成修改功能前端的显示 //格式化显示操作的按钮 caozuo:function (value,row,index) { return '<a href="javascript:void(0)" class="xiu_gai">修改</a> &.原创 2020-09-06 21:21:13 · 831 阅读 · 0 评论 -
利用easyui实现增删改查（四）：添加数据
点击列表上面的添加，弹出一个模态框，这个里面就可以添加数据了先写出一个模态框，并且要隐藏，只有点击了添加按钮之后才可以弹出来，具体实现如下：先写一个模态框，并且是隐藏的<%--添加的界面--%><%--添加按钮组--%><div id="datagridtooradd"> <a href="javascript:void(0)" >添加</a> <a href="javascript:void(0)" >..原创 2020-09-06 21:08:27 · 445 阅读 · 0 评论 -
利用easyui实现增删改查（四）：删除选中的数据，多条数据一起删除
需求： 我们选择好要删除的几条数据，之后按删除按钮，那么就可以删除前端删除按钮的标签是<div id="datagridtoorbar"> <a href="javascript:void(0)" >添加</a> <a href="javascript:void(0)" >删除</a></div>需要在script里面给这个标签加一个事件，一点击这个按钮，就会获得所选择数据的id获取复选框数据的id .原创 2020-09-06 20:57:01 · 693 阅读 · 0 评论 -
利用easyui实现增删改查（三）：重新加载当前页
<button onclick="text()" >reload</button><button onclick="text2()">load</button> function text() { // 测试 reload方法 意思是重新请求当前页 $("#datagridpersion").datagrid("reload",{ }) } function text2() {.原创 2020-09-06 20:48:35 · 327 阅读 · 0 评论 -
利用easyui实现增删改查（三）：easyui的分页
$("#datagridpersion").datagrid({ title:"用户信息", iconCls:"icon-man", height:500, width:1000, url:'/showPersion', pagination:true, datagrid属性，只要写完值为true ，那么就可以显示分页点击分页的时候，会走这个controller 层就是属性url的值，只是这个时候原创 2020-09-06 20:47:03 · 274 阅读 · 0 评论 -
利用easyui实现增删改查（三）：表格的每一行数据后面都有一个操作 修改/删除
表格的每一行数据后面都有一个操作 修改/删除如何可以在每行都渲染这两个按钮呢利用列里面的属性formatter 值是一个函数，这个函数的返回值就是一个超链接，具体如下<th data-options="field:'jyaq',width:300,formatter:person.caozuo">操作</th>这个标签上面绑定了函数，那么需要在script标签里面写对应的函数 //格式化显示操作的按钮 caozuo:function (valu原创 2020-09-06 20:43:55 · 820 阅读 · 0 评论 -
利用easyui实现增删改查（三）：后端传到前段的男女是数字，可是在前段要显示汉字
后端传到前段的男女是数字，可是在前段要显示汉字Formatter 在对应的字段标签里面有列的属性，这个值是一个函数，在这个函数里面进行判断数字，之后返回男女<th data-options="field:'gender',width:100,formatter:person.fmt">性别</th>在script标签里面写对应的方法 // person相关的函数 var person ={ /** 参数：原创 2020-09-06 20:37:30 · 331 阅读 · 0 评论 -
利用easyui实现增删改查（二）：年龄字段的排序
以下是每一列里面的属性年龄年龄这个列里面有一个属性sortable ,值为true的时候，就会在前段显示一个样式当我们一点击这个列的时候，会向表格里面的url路径发送消息，并且携带参数原创 2020-09-06 20:30:35 · 206 阅读 · 0 评论 -
利用easyui实现增删改查（一）：列表的展示
就是将数据库一张表的数据以列表的形式展现在前段。那么就需要在后端将数据库数据查询出来，转化为json格式，返回给前段。使用easyUI的好处是： 只要后端传给前段json格式，那么前段就会自动的填充表格。用到的就是easyui的数据表格 datagridEasiui 只需要在前段我们将表头画出来就可以了。其他列表就是根据后端传到前段的数据自动的给你划分，具体这样实现。先在jsp页面画一个表头我们在easyui的官网下载对应的js和css的文件。在我们的ssm项目里面进行导入创建一个javae.原创 2020-09-06 20:27:21 · 881 阅读 · 0 评论