您的位置：首页 > 产品设计 > UI/UE

关于在easyui中添加tab的时候不能执行href页面中的js的说明

2016-05-11 11:37 681 查看

本文参考：http://www.jeasyuicn.com/post-49.html

问题是这样的：我今天在使用easy中的add tab的方法的时候我原先添加的是一个html完整的页面，但是当我add tab的时候，我发现js无法执行，但是当我直接访问这个jsp的时候里面的js是可以执行的，这个时候上网找了一下，发现在easyUI中

不管是window，dailog还是tab其实质最终都是继承了panel。panel有两种方式展示内容。第一是直接硬编码写到出来。第二是通过href属性，加载外部html片段。在这里就就设计到了一个html片段的概念。这个概念在easyui的整体架构中，是一个很重要的概念，因为很多人没弄明白，所以从中引发出了很多问题。我举个例子来说明html片段。

这个片段的话就是在我们href加载的文件中可能没有完整的一个html文件中的元素，比如：<html></html>,<head></head>，<body></body>等

它可能就是一个

<form id="userInfo">

<input id="pin" name="pin" type="text" />

<input id="but1" value="查找" type="button" />

</form>

<div id="poolDiv">

<input id="poolBut" type="button" value="打印池中数据">

<div id="printDiv"></div>

</div>

<script type="text/javascript" src="${pageContext.request.contextPath }/jquery-easyui-1.4.5/jquery.min.js"></script>

<script type="text/javascript">

$(function() {

$("#but1").click(function() {

var pin = $("#pin").val();

$.post("${pageContext.request.contextPath }/add_cmd", {"pin":pin}, function(data) {

console.info(data);

});

});

$("#poolBut").click(function() {

$.post("${pageContext.request.contextPath }/print_pool", {}, function(data) {

$("#printDiv").html("<p>"+data+"</p>");

});

});

});

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航