`
357029540
  • 浏览: 735922 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

JSP页面通过JQUERY合并行

阅读更多
在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示


如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码

function mergeCell(){
        var trs = $("#table tr");
        //获取第一行
        var firstRow=0;
        //获取第一行的值
        var firstRowValue = trs.eq(firstRow).find("[name$=company]").val();
        var len = 1;
        for(var i = 1;i<trs.length;i++){
            //获取当前行的值
            var thisRowValue = trs.eq(i).find("[name$=company]").val();
            if(thisRowValue == firstRowValue){
                len++;
                //删除单元格
                trs.eq(i).find("td").eq(0).remove();
            }else{
                //设置单元格占的行数
                trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
                firstRow = i;
                firstRowValue = thisRowValue;
                len = 1;
            }
        }
        //最后一个的时候赋值
        if(len > 1){
            trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
        }
    }
分享到:
评论

相关推荐

    JSP Table 单元格合并

    ### JSP Table 单元格合并 在网页开发中,表格是展示...综上所述,通过结合 JSP 和 JavaScript 技术,我们可以有效地实现在动态生成的表格中进行单元格合并的功能。这不仅提升了用户体验,也让数据呈现更加直观有序。

    JSP页面实现合并单元格

    本文将详细介绍如何通过JavaScript配合JSP来实现在JSP页面上的单元格合并功能。 #### 二、技术栈与环境 - **后端技术**:JSP(Java Server Pages) - **前端技术**:JavaScript/jQuery - **数据库**:未指定,但...

    JSP页面导出EXCEL简单方法

    要将JSP页面的HTML表格导出为Excel,我们通常会利用HTTP响应头来设置内容类型为`application/vnd.ms-excel`,这样浏览器就会将响应的数据解析为Excel文件。以下是简单的步骤: 1. **创建HTML表格**:在JSP页面(如...

    详谈jQuery.load()和Jsp的include的区别

    总结来说,jQuery的`.load()`适用于动态加载页面部分,适合用户交互和数据更新,而JSP的`&lt;%@include&gt;`和`&lt;jsp:include&gt;`更适合在服务器端进行页面组装。`.load()`提供了更灵活的客户端控制,而JSP的包括机制则强调...

    jquery自己写的文件目录

    在本项目中,可能通过AJAX调用HttpServlet处理请求,获取数据,并使用jQuery动态更新页面的菜单内容。 6. **前端开发工具链**:为了构建这个项目,开发者可能使用了诸如Webpack、Gulp或Grunt这样的构建工具,用于...

    Ajax网站开发典型实例JSP源码包

    在这个实例中,可能包含了一系列使用Ajax调用JSP页面的例子。例如,用户在前端填写表单后,可以使用Ajax异步提交数据到JSP,JSP处理数据后再通过Ajax响应返回结果。这样可以避免页面的刷新,提高交互性。 4. **...

    JSP图片导航实现——简单易学

    JSP页面会被转换成一个Servlet类,然后由Web服务器执行。在JSP中,我们可以通过`&lt;jsp:directive.page&gt;`,`&lt;jsp:expression&gt;`,`&lt;jsp:scriptlet&gt;`和`&lt;jsp:action&gt;`等标签来编写Java代码和HTML混合的页面。 对于图片...

    umeditor1.2.3-utf8-jsp

    - 在JSP页面中引入编辑器的JavaScript和CSS资源。 - 初始化编辑器,设置编辑区域ID和配置项。 - 处理用户提交的内容,如保存到数据库或进行其他操作。 6. **API与插件**: UMEditor 提供了一系列API供开发者...

    四个struts1(2)+spring+ibatis+jquery整合实例

    在Web页面中,jQuery可以帮助开发者实现复杂的交互效果和动态更新,提高用户体验。 在整合这些技术时,通常会按照以下步骤进行: 1. **配置环境**:设置项目的构建工具(如Maven或Gradle)、引入相关库,并配置Web...

    页面实现预览和打印(页面整体打印和局部打印)

    本主题将详细探讨如何在HTML和JSP页面中实现这两种功能,包括整体页面的预览和打印以及局部元素(如表格和文档)的处理。 首先,我们需要理解基本的打印原理。在浏览器中,打印功能通常依赖于CSS样式控制,尤其是...

    JSP编程小技巧集锦121

    15. **AJAX与JSP**:利用jQuery或其他库与JSP结合,实现异步更新页面,提高用户体验。 以上只列举了"JSP编程小技巧集锦121"中的一部分要点,实际内容可能包括更多实用技巧,如优化性能、安全实践、调试技巧等。学习...

    JSP项目实例技术源代码(15个项目)

    JSP页面本质上是HTML,但通过这些元素,我们可以插入Java代码,实现动态内容生成。 **EL(Expression Language)**是JSP 2.0引入的一种轻量级表达式语言,用于获取和设置JavaBean的属性。它简化了页面中的数据绑定...

    简洁大气的Bootstrap前台框架(Jsp版)

    这个"简洁大气的Bootstrap前台框架(Jsp版)"是专为Java服务器页面(JSP)设计的一个定制化版本,旨在提供高效、易用且美观的界面元素。下面将详细介绍这个框架的几个关键知识点。 1. **Bootstrap基础**:Bootstrap...

    jsp网页开发2048游戏源码

    CSS(Cascading Style Sheets)是用于控制网页样式的语言,通过它可以实现页面的美化和响应式设计,让游戏在不同设备上都能有良好的显示效果。 2. **jquery-1.11.0.js**:这是jQuery库的版本,一个广泛使用的...

    ajax jsp

    4. **JSP在服务器端的角色**:JSP页面可以处理来自Ajax请求的参数,执行必要的业务逻辑,然后返回响应数据。这可能包括数据库查询、计算或者其他复杂的服务器操作。 5. **响应处理**:在客户端,通过XMLHttpRequest...

    自已写的jquery ui框架

    在这个上下文中,main.jsp可能是展示或测试自定义jQuery UI框架的主要页面,包含了框架的引用,以及可能的示例代码或交互元素来演示其功能。 综合以上信息,我们可以推测这个自定义jQuery UI框架可能包含以下知识点...

    基于JSP的BBS论坛设计

    每个功能都需要对应的JSP页面和后台处理逻辑,例如,发帖功能需要处理上传图片、处理文本格式、防止垃圾信息等。 **9. 安全性** 论坛安全不容忽视,包括防止SQL注入、XSS攻击、CSRF攻击等。开发时应使用预编译SQL...

    基于JSP的网上校园源代码

    1. **JSP页面结构**:JSP页面由静态内容(HTML、CSS、JavaScript)和动态元素(Java代码)组成。动态元素通常包含在`&lt;%...%&gt;`、`&lt;%=...%&gt;`或`&lt;jsp:...&gt;`标签中,用于服务器端的处理和输出。 2. **JSP指令**:例如`...

    jsp酒店管理系统

    4. **Servlet与JSP的协作**:JSP页面往往与Servlet协同工作,Servlet负责接收请求、处理数据并调用业务逻辑,然后通过转发或重定向将控制权交回JSP,以生成动态响应。 5. **MVC模式**:考虑到这是一个管理系统,很...

    jsp中的JS 时间控件

    - **引入库**:首先需要在JSP页面中引入对应的JavaScript库,通常通过`&lt;script&gt;`标签链接CDN或者本地文件。 - **创建控件**:在HTML部分添加输入字段,设置ID或其他属性,供JS代码操作。 - **初始化控件**:在JS...

Global site tag (gtag.js) - Google Analytics