easyui问题汇总

最新推荐文章于 2025-06-29 15:59:11 发布

原创最新推荐文章于 2025-06-29 15:59:11 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

1 篇文章

订阅专栏

这篇博客汇总了EasyUI使用中遇到的问题，包括标签页id冲突、form表单reset无效和combobox远程数据加载异常。解决方法涉及使用iframe避免id冲突，检查form表单reset方法的实现，以及修正combobox中value为0导致的默认显示问题。

问题1

同时打开的标签页共享id，导致id冲突

解决方法：抛弃直接使用tab的href属性，使用content，并让content的内容为iframe，iframe再指向对应的href

function openTab(data){
		if($("#tabs").tabs("exists",data.title)){
			$("#tabs").tabs("select",data.title);
			return;
		}
		var url = data.id;
		var mname = data.title;
		var href = "${basePath}/"+url;
		//直接使用href会导致同时打开的标签页共用id，导致id冲突，所以要使用iframed的方式来避免
		var content = "<iframe frameborder='0' src='" + href +"' style='width:100%;height:100%;'></iframe>";
		$("#tabs").tabs("add",{
			id:mname,
			content:content,
			title:mname,
			closable:true
		});
		
	}

原始解决方法来源： http://blog.youkuaiyun.com/xiaozhi6156/article/details/41209641

问题2：form表单中的reset无效

代码如下：

<div class="searchBtnDiv">
				<button class="btn btn-primary myBtn" type="button" onclick="search()">查询</button> 
				<button class="btn btn-primary myBtn" type="button" onclick="resetSearchForm()">重置</button>
			</div>

function resetSearchForm(){
		$("#searchForm").form("reset");
	}

由于上述div放在form表单内，导致resetSearchForm方法无效，具体表现为点击reset按钮后确实清空了，但此时鼠标点进去某个控件，则控件之前的值会重新出现，说明重置无效，具体原因不详（不知道是不是form表单缓存了？），解决方法是将上述html代码拿到form表单外部

问题3：combobox远程获取数据默认显示第一条数据，且无法清除

原因：该条数据的value应该是0造成的，如

数据库中存在这样一条数据

1，无状态，0（id,name,value）

将这一条数据加载到前端后直接显示无状态，而不是空数据，将value改为非0即可