以下是链接的jsp文件代码:
<%@ page language="java" pageEncoding="GBK"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript" src="<%=request.getContextPath()%>/common_i/js/jQuery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function add() {
var sFeatures = "dialogHeight:650px;dialogWidth:910px;";
sFeatures = sFeatures + "center:yes;edge:raised;scroll:no;status:no;unadorned:yes;";
var url = "<html:rewrite page='/manage/photo_news_iframe.jsp'/>";
url = encodeURI(url);
var rlt = window.showModalDialog(url,this,sFeatures);
if (rlt != null && "ok" == rlt) {
ajaxGetPNS();
}
}
function update(id) {
var sFeatures = "dialogHeight:700px;dialogWidth:1000px;";
sFeatures = sFeatures + "center:yes;edge:raised;scroll:no;status:no;unadorned:yes;";
var url = "<html:rewrite page='/manage/photo_news_iframe.jsp?pn.id=" + id + "'/>";
url = encodeURI(url);
var rlt = window.showModalDialog(url,this,sFeatures);
if (rlt != null && "ok" == rlt) {
ajaxGetPNS();
}
}
function del(id) {
$(function() {
$.ajax({
url: "/EnterpriseBlog/manage/sys/photoNews.do?method=delete",
data: {"strIds": id},
type: "post",
dataType: "json",
success: function(data) {
ajaxGetPNS();
}
});
});
}
ajaxGetPNS();
function ajaxGetPNS() {
$(function() {
$.ajax({
url: "/EnterpriseBlog/manage/sys/photoNews.do?method=newList",
data: {"pageIndex": 1, "prePageSize": 100},
type: "post",
dataType: "json",
success: function(data) {
var table = $("#CONTENT");// 获取显示数据的表格
$("#CONTENT tr").remove();// 清除表格中的内容
if (parseInt(data.totalProperty) == 0) {
$("#CONTENT").append("<tr bgcolor='#FFFFFF' class='downline'><td style='line-height:25px; color:#0054A8;font-size: 13px;' colspan='3'>抱歉,您还没上传图片新闻!</td></tr>");
} else {
$.each(data.root, function(idx, item) {
var tmp = "<tr bgcolor='#FFFFFF'>";
tmp += "<td width='100'>" + item.name + "</td>";
tmp += "<td width='400'>" + item.frameName + "</td>";
tmp += "<td>";
tmp += "<a target='_blank' href='<%=request.getContextPath()%>/home/photo_news_view.jsp?id="+item.id+"'>查看</a> ";
tmp += "<a target='_blank' onclick='update(" + item.id + ")'>修改</a> ";
tmp += "<a target='_blank' onclick='del(" + item.id + ")'>删除</a>";
tmp += "</td>";
tmp += "</tr>";
table.append(tmp);
});
}
}
});
});
}
</script>
</head>
<body>
<center>
<table width="90%" border="0" align="center">
<tr>
<td><button class="searchtb" onclick="javascript: add();"><img src="<%=request.getContextPath()%>/common_i/images/brr7.gif" width="32" height="32" align="absmiddle" />增加封面 </button></td>
<td> </td>
<td> </td>
</tr>
</table>
<table width="90%" border="0" align="center" cellpadding="6" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#cfebfd">
<td width="100" align="center">封面图片名称</td>
<td width="400" align="center">所属分公司</td>
<td width="100" align="center">操作</td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="3">
<table id="CONTENT" width="90%"></table>
</td>
</tr>
</table>
</center>
</body>
</html>
- 大小: 158.2 KB
分享到:
相关推荐
在本主题中,我们将深入探讨如何操作ExtJS的TabPanel,包括创建、添加、删除和切换标签页,以及自定义菜单等高级功能。 首先,让我们了解TabPanel的基本结构。在ExtJS中,TabPanel是一个容器,可以包含多个Panel...
### ExtJS 4.2.1 TabPanel 刷新与关闭标签功能详解 #### TabPanel 组件简介 在ExtJS框架中,`TabPanel`组件是一个非常实用且强大的UI控件,它允许用户在一个界面上组织多个相关的视图或面板,并通过标签页的形式...
ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。在ExtJS中,`tabPanel` 是一个非常重要的组件,它允许你在一个容器内创建多个标签页,每个标签页可以承载不同的内容,提供了类似桌面应用的用户...
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
Extjs4.2 设置tabpanel当前活动页签的样式 Extjs是一个流行的JavaScript框架,用于构建丰富互联网应用程序(RIA)。其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是...
在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...
### Extjs4.2 根据不同的数值设置 TabPanel 行的背景颜色 #### 一、引言 在Web应用程序开发中,为了提高用户体验并使数据呈现更加直观易懂,开发者常常需要根据数据的不同状态来调整UI元素的样式。例如,在使用...
动态加载菜单是ExtJS中的一个关键特性,它允许在用户交互过程中动态地创建、修改和加载菜单项,提供了更灵活的用户界面设计。在“Extjs动态加载菜单”这个主题中,我们将深入探讨这一功能的实现方式以及相关技术。 ...
标题“Extjs 动态加载树”涉及到的是一个前端开发技术话题,主要集中在使用Extjs框架构建能够动态加载数据的树形结构。Extjs是一个基于JavaScript的组件化UI库,常用于开发富客户端应用。动态加载树(Dynamic ...
开发者可以监听这些事件来执行相应的操作,比如预加载相邻的页面,或者在加载完成后执行初始化脚本。 4. **模板和数据绑定**:在Web开发中,`TabPanel`的每个标签页可能由模板定义,而模板与数据模型进行绑定。例如...
在开发基于ExtJS框架的应用程序时,处理数据加载与用户交互是至关重要的环节。当Store在加载(load)数据过程中,向用户提供明确的提示信息,不仅能够提升用户体验,还能增加应用的专业度。以下是对如何在ExtJS中...
在IT行业中,网页开发经常会遇到文件上传的需求,而"jSP+EXTJS实现upload UploadDialog"就是一种常见的解决方法。这个话题主要涵盖了两个关键部分:JavaServer Pages (JSP) 和 ExtJS,它们共同用于创建一个具有文件...
将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数...
而ExtJS4.0则更适合大型企业级应用,提供更强大的功能和更好的用户体验,但学习曲线相对较陡峭。 在提供的压缩包文件"three_level_link"中,可能包含了这三种实现方式的源代码,包括jsp页面、servlet处理类以及相关...
ExtJS 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件,如表格、面板、图表等,使得开发者可以创建出功能丰富、交互性强的网页应用。在"extjs做界面的jsp系统"这个项目...
在ExtJS中,TabPanel是常用的组件,用于展示多个面板(Panel)并提供标签页切换功能。当用户尝试关闭TabPanel中的某个Panel时,我们可能需要执行一些验证或确认操作,例如弹出对话框询问用户是否真的要关闭当前页面...
《EXTJS与JSP结合构建的学生管理系统》 EXTJS,全称为Ext JavaScript Library,是一款强大的JavaScript前端框架,专用于构建富互联网应用(Rich Internet Applications,简称RIA)。它提供了丰富的组件库,包括数据...
TabPanel.js可能是基础的TabPanel类,而TabPanel2.js可能包含了垂直页签的扩展或改进。在ExtJS中,扩展通常用于添加新功能或改变现有组件的行为。因此,TabPanel2.js可能定义了一个新的配置选项或者覆盖了一些默认...
可以监听 `load` 或 `expand` 事件来处理加载完成后的操作。 7. **Lazy Loading**:为了实现懒加载,需要在 TreeModel 中配置 `isLeaf` 属性,表示节点是否还有子节点。如果 `isLeaf` 为 false,但 `children` ...
在给定的"ExtJs GridPanel延时加载.rar"文件中,主要涉及的核心概念是ExtJs中的GridPanel组件以及延时加载技术。GridPanel是ExtJs中一个非常重要的组件,它用于展示表格数据,而延时加载则是一种优化大量数据处理的...