easyui-api
关注
分享
扫一扫
黄宝康
这个作者很懒，什么都没留下…
展开
-
easyui combotree复选框多选只能选择叶子节点
<input class="easyui-combotree" id="chooseOrg" style="width:190px;height:28px;" data-options="cascadeCheck:false,onlyLeafCheck:true,editable:true,multiple:true,checkbox:true,prompt:'请选择',url:...原创 2020-04-30 11:17:44 · 768 阅读 · 0 评论 -
禁用easyui combobox 上下方向键
<!-- 禁用easyui combobox 上下方向键--> <script type="text/javascript"> $.fn.combobox.defaults.keyHandler.down.call=function(_c){ var _d="next"; var _e=$.data(_c,"combobox").options; var _...原创 2020-03-24 09:35:38 · 581 阅读 · 0 评论 -
easyui-combobox三级联动
<tr height="40"> <td class="value" width="10%"><label class="Validform_label">所在单位/公司<br>(必填)：</label></td> <td class="txt_value" width="20%"> <input c...原创 2020-03-06 17:59:24 · 641 阅读 · 0 评论 -
easyui关闭当前tab,刷新另一个tab数据
function sub() { var flag = $("#form1").form('enableValidation').form('validate'); if (flag == false) { return; } var options = { type : 'post', dataType : 'json', resetForm :...原创 2020-01-08 13:55:06 · 1152 阅读 · 0 评论 -
easyui combotree搜索查询
$(function(){ //combotree可编辑，自定义模糊查询 $.fn.combotree.defaults.editable = true; $.extend($.fn.combotree.defaults.keyHandler,{ up:function(){ ...原创 2020-01-07 13:46:49 · 1518 阅读 · 0 评论 -
easyui datetimebox设置截止时间
<input id="endtime" name="workTask.deadline" class="easyui-datetimebox" data-options="required:true,editable:false" style="width:190px;height:28px;"/>$("#endtime").datetimebox().datetimebox('c...原创 2020-01-06 13:59:44 · 360 阅读 · 0 评论 -
easyui portal可拖拽
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="jquery,ui,easy,easyui,web"> <meta name="description" cont...原创 2019-12-13 11:43:18 · 614 阅读 · 0 评论 -
easyui框架首页封装
主持右键菜单，Tab操作var _menus = null;$(function(){ InitLeftMenu(); tabClose(); tabCloseEven(); $('#tabs').tabs({ onSelect: function (title) { var currTab = $('#tabs').tabs('getTa...原创 2019-12-10 10:40:20 · 494 阅读 · 0 评论 -
easyui默认选择第一个
//选中第一个 var panels = $('#nav').accordion('panels'); var t = panels[0].panel('options').title; $('#nav').accordion('select', t);原创 2019-12-10 10:20:07 · 485 阅读 · 0 评论 -
easyui修改回显使用form("load",row)
在项目中修改涉及到业务数据的回显，easyui提供了一种简单的方法，这个也是我看其他项目源码了解到的，记录下博客。页面按钮为一个easyui-linkbutton<a href="javascript:openRoleModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a...原创 2019-02-13 09:43:21 · 4879 阅读 · 0 评论 -
easyui项目主页面架构搭建
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>后台管理-进销存管理系统</title><link rel="stylesheet" type="text/css" href="/sta原创 2019-02-13 08:52:16 · 1272 阅读 · 0 评论 -
Easyui comobox 下拉框必填校验
前台html 代码：<select id="compere_id" name="compere_id" class="easyui-combobox" style="width:80%" required="true" validType="selectValueRequired['#compere_id']" data-options="editable:false,p原创 2017-11-14 15:30:00 · 8005 阅读 · 0 评论 -
Easyui 搭建后台管理界面
Easyui是目前后台管理界面使用比较流行的框架。 以下是我个人初学Easyui api后搭建的后台管理界面。框架使用jquery-easyui-1.5.3首页main.jsp代码，主要使用easyui-layout布局，和一个tabs支持的导航工具menu。main.jsp页面：<%@ page language="java" contentType="text/html; charset=UT原创 2017-10-13 12:07:24 · 4866 阅读 · 3 评论 -
Easyui combotree在编辑的时候回显
一般在分配权限的时候，编辑的时候需要让combotree回显。以下代码只是个人备份的，供参考。$('#XXX').combotree({ url : '', required : true, lines : true, multiple : true, checkbox : true, onlyLeafCheck : true, onLoadS原创 2017-10-12 19:53:48 · 3487 阅读 · 0 评论 -
在动态插入Easyui datebox控件时，使用$.parser.parse()手工渲染时，解决日期控件原有的值被清除问题
在使用Easyui做前台页面时，很多时候需要应用到动态插入和删除DOM操作。如下，是我项目中任务系统中，添加任务时需要添加多个阶段描述，我使用的是Jquery操作DOM的。但是发现了一个问题，刚开始的时候没有使用.parser.parse()进行渲染时，新添加的easyui控件样式完全显示不出来，包括像placeholder这样的提示都没有。查阅相关资料知道.parser.parse()进行渲染时，原创 2017-11-07 09:17:39 · 2334 阅读 · 0 评论 -
Easyui tree 展开所有递归实现
$('#box').tree({ onLoadSuccess : function(node, data) { if (data) { $(data).each(function(index, value) { if (this.state == 'closed') { $('#b原创 2017-10-11 17:46:51 · 1801 阅读 · 0 评论 -
easyui-combobox的用法
<input class="easyui-combobox" id="role_id" name="role_id" value="${role_id}" style="width:82%" data-options=" url:'<%=path %>/member/原创 2017-08-10 11:01:13 · 508 阅读 · 0 评论 -
easyui datagrid将表头的checkbox不显示（隐藏）
<script type="text/javascript"> $(function(){ $("#dg").datagrid({ url:"../json/content.json", //url:"../student.php", striped:true, width:400原创 2017-08-22 08:54:01 · 4432 阅读 · 2 评论 -
改变Easyui拖动组件的光标
Easyui拖动组件的默认光标为move。 也可以通过传递参数进行改变，不过这样比较麻烦，因为每一个拖动组件都需要加入如下代码： $(funciton(){ $('#box').draggable({ cursor:'text' });});可以在$(function(){});中加入如下代码：$.fn.draggable.defaults.cursor='tex原创 2017-10-09 14:11:25 · 434 阅读 · 0 评论 -
Easyui面板的left,top属性，设置当前面板的position
$(function(){ $('#box').panel({ title:'标题', width:500, height:150, iconCls:'icon-search', left:100, top:100 }); $('#box').panel('panel').css('p原创 2017-10-09 17:41:31 · 2574 阅读 · 0 评论 -
Easyui validatebox自定义提示
$.extend($.fn.validatebox.defaults.rules,{ minLength:{ validator:function(value,param){ return value.length>=param[0]; }, message:'请输入不小于{0}的字符', }});使用时：$('#email')原创 2017-10-10 13:54:34 · 1399 阅读 · 0 评论 -
Easyui linkbutton的启用和禁用
传统html标签一般设置disable属性就可以起到警用的效果，如input,button元素。对于Easyui linkbutton元素，可以是a标签加上 class=”easyui-linkbutton”样式，它的启用和禁用通过如下js，收藏下，留着以后项目参考。$("#cancel").linkbutton({disabled:true});$("#edit").linkbutton({di原创 2017-10-27 09:21:10 · 2781 阅读 · 0 评论 -
让普通输入框具有Easyui输入框的样式，官方提供
.textbox{ height:20px; margin:0; padding:0 2px; box-sizing:content-box;}使用的时候<input type="text" class="textbox"/>原创 2017-10-10 19:08:47 · 2878 阅读 · 0 评论 -
Easyui datagrid在线编辑时没有提供带时分秒的datetimebox控件，需要自己扩展
$.extend($.fn.datagrid.defaults.editors,{ datetimebox:{ init:function(container,options){ var input = $('<input type="text">').appendTo(container); o原创 2017-10-10 19:43:01 · 1211 阅读 · 0 评论 -
Easyui datagrid在线编辑的一个技巧，利用undefined
onDblClickRow:function(rowIndex,rowData){ if(obj.editRow!=undefined){ $('#box').datagrid('endEdit',obj.editRow); } if(obj.editRow==undefined){ $('#box').原创 2017-10-10 20:18:05 · 880 阅读 · 0 评论 -
在编写动态插入删除DOM元素时，Easyui控件渲染效果失败的问题
在项目中需要一个动态插入删除DOM元素的输入页面，在使用Jquery操作的时候，遇到了Easyui控件textbox的样式渲染失败的问题。 我的代码是这样的。<!-- 动态组织介绍图表 --> <div id="orgInfoPie" class="body-box" style="border: 1px dotted #333;"> <di原创 2017-10-27 15:48:27 · 1253 阅读 · 0 评论 -
Easyui动态添加控件无法渲染 $.parser.parse()无效
动态添加easyui控件<input class="easyui-combobox" > 这样是无效的，因为easyui没有实时监控，所以必须动态渲染$.parser.parse();$.parser.parse(context) //context 为待查找的 DOM 元素集、文档或 jQuery 对象,为空时默认为整个文档 //渲染对象为： class="easyui-pluginNa原创 2017-10-27 17:58:17 · 2602 阅读 · 0 评论 -
Easyui combobox过滤
Easyui combobox本地查询时，默认查询首字母为输入的值，我们可以通过filter方法实现模糊过滤。$('#box').combobox({ valueField : 'id', textField : 'user', url : 'content.json'， filter : function(q,row){ var opts = $(t原创 2017-10-11 16:59:17 · 1306 阅读 · 0 评论 -
easyui-tree代码js封装，带搜索查询
(function($) { $.extend($.fn.tree.methods, { search: function(jqTree, searchText) { var tree = this; var nodeList = getAllNodes(jqTree, tree); searchTex原创 2017-08-16 13:49:14 · 588 阅读 · 1 评论