jQuery获取表格隐藏域与ajax请求数据结合显示详情

0.表格样式

aaarticlea/png;base64,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" alt="" />

1.显示详情

第一种方法:利用表格的基本数据与从数据库中获取结合。

主要代码:

 <a href="javascript:void(0)" data-toggle="modal"
                                                                data-target="#el_FourInfo"
                                                                onClick="allInfo(this,${danger.dangerid})">详情</a>

全部表格代码

                      <c:forEach var="danger"
                                                items="${result.pageBean.productList }" varStatus="status">
                                                <tr>
                                                    <td>${ status.index + (result.pageBean.currentPage-1)*10+1}</td>
                                                    <td><fmt:formatDate value="${danger.findtime }"
                                                            pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                    <td>${danger.checkunit }</td>
                                                    <td>${danger.type }</td>
                                                    <td>${danger.dangergrade }</td>
                                                    <td>${danger.unit }</td>
                                                    <td>${danger.content}</td>
                                                    <td>${danger.unit}</td>
                                                    <td>${danger.manager}</td>
                                                    <td>问题</td>
                                                    <td>${danger.rectificationmeasure }</td>
                                                    <td><fmt:formatDate
                                                            value="${danger.rectificationtime }"
                                                            pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                    <td><fmt:formatDate value="${danger.sidingtime }"
                                                            pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                    <td><c:if test="${danger.dangerstatus eq '已整改'}">
                                                            <!-- 变活， 1 ：隐患id ，1 ：跟踪id -->
                                                            <a href="javascript:void(0)"
                                                                onClick="el_setFour(this,${danger.dangerid},${danger.followid })">复查</a>
                                                        </c:if> <c:if test="${danger.dangerstatus ne '已整改'}">
                                                            <!-- <--需要改一下。2   换成id -->
                                                            <a href="javascript:void(0)" data-toggle="modal"
                                                                data-target="#el_FourInfo"
                                                                onClick="allInfo(this,${danger.dangerid})">详情</a>
                                                        </c:if></td>
                                                </tr>
                                            </c:forEach>

点击详情的时候把自己传到JS函数中，JS函数根据传过来的处理(基本信息从表格中获取，剩下需要的其他信息用ajax从数据库中获取并填充到模态框的表格中，注意下面红字代码)

                                    <script>
                                        function allInfo(obj,recheckid) {
                                            $('#allInfo').modal();
                                            $tds = $(obj).parents('tr').children('td');
                                            $("#xxcheckdate").text($tds.eq(1).html());
                                            $("#xxcheckunit").text($tds.eq(2).html());
                                            $("#xxdangertype").text($tds.eq(3).html());
                                            $("#xxdutyunit").text($tds.eq(7).html());

                                            $("#xxzhenggaicuoshi").text($tds.eq(10).html());
                                            $("#xxcheckman").text($tds.eq(7).html());//需要隐藏
                                            $("#xxplace").text($tds.eq(4).html());//需要隐藏
                                            $("#xxdangerlevel").text($tds.eq(4).html());
                                            $("#xxdangercontent").text($tds.eq(6).html());
                                            $("#xxzhenggaitime").text($tds.eq(11).html());

                                            $.ajax({
                                                    url : '${pageContext.request.contextPath}/recheck_getRecheck.action',
                                                    data : {"recheckid" : recheckid},
                                                    type : 'POST',
                                                    dataType : 'json',
                                                    success : function(data) {
                                                        $("#xxrecheckman").text(data.result.recheckman);
                                                        $("#xxrecheckcomment").text(data.result.comment);
                                                        if($tds.eq(13).html()=="未复查"){
                                                            $("#xxrecheckresult").text($tds.eq(13).html());
                                                        }else if(data.result.recheckresult=="1"){
                                                            $("#xxrecheckresult").text('合格');
                                                        }else if(data.result.recheckresult=="0"){
                                                            $("#xxrecheckresult").text('不合格');
                                                        }
                                                    }
                                            })
                                        }
                                    </script>

代码分析:

　　$tds = $(obj).parents('tr').children('td');是获取元素的上级的td元素集合。 $("#xxcheckdate").text($tds.eq(1).html());是获取表格指定第二列的数据并赋给模态框中的id为xxcheckdate的输入框。
然后通过下面的ajax获取信息后添加到模态框。

重点:(例子二)

　　可以将所有的基本数据添加到隐藏域，然后在点击详情的时候获取隐藏域的值，并赋给模态框中的值，然后开启模态框。如果一行隐藏多个字段，可以每个加个class，然后通过获取到td元素，再通过过滤获取其兄弟节点或者其孩子节点.

jsp添加隐藏域

                                            <c:forEach var="danger"
                                                items="${result.pageBean.productList }" varStatus="status">
                                                <td>${ status.index + (result.pageBean.currentPage-1)*10+1}
                                                    <input type="hidden" id="danger_IdNum"
                                                    value="${danger.dangerid }" /> <input type="hidden"
                                                    id="siding_IdNum" value="${danger.sidingid }" /> <input
                                                    type="hidden" class="address_hidden"
                                                    value="${danger.address }" /> <input type="hidden"
                                                    class="dutyPerson_hidden" value="${danger.dutyperson}" /> <input
                                                    type="hidden" class="supervisor_hidden"
                                                    value="${danger.supervisor }" /> <input type="hidden"
                                                    class="rectificationmeasure_hidden"
                                                    value="${danger.rectificationmeasure }" />

                                                </td>
                                                <td>${danger.dangergrade }</td>
                                                <td>${danger.type }</td>
                                                <td>${danger.unit }</td>
                                                <td>${danger.content}</td>
                                                <td>问题</td>
                                                <td><fmt:formatDate value="${danger.findtime }"
                                                        pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                <td>${danger.checkunit }</td>
                                                <td>${danger.findperson }</td>
                                                <td><fmt:formatDate
                                                        value="${danger.rectificationtime }"
                                                        pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                <td><fmt:formatDate value="${danger.sidingtime }"
                                                        pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
                                                <td>${danger.dangerstatus }</td>
                                                <td><a href="javascript:void(0)" onClick="trace(this)">隐患跟踪</a>
                                                    <a href="javascript:void(0)" onClick="allInfo(this)">详情</a>
                                                    <a href="javascript:void(0)" onClick="postpone(this)">延期</a>
                                                </td>
                                                </tr>
                                            </c:forEach>
                                        </tbody>

详情事件:获取隐藏于数据与表格数据填充到模态框，没有的用ajax请求后端

 JS获取隐藏域的值赋给模态框

                                    <script>
                            //点击详情按钮进行的操作
                            function allInfo(obj) {

                                //获取隐藏域值
                                var address_hidden = $(obj).parents("tr").find(".address_hidden").val();
                                var dutyPerson_hidden = $(obj).parents("tr").find(".dutyPerson_hidden").val();
                                var supervisor_hidden = $(obj).parents("tr").find(".supervisor_hidden").val();
                                var rectificationmeasure_hidden = $(obj).parents("tr").find(".rectificationmeasure_hidden").val();

                                //获取当前行中的所有列的信息
                                $tds = $(obj).parents('tr').children('td');
                                //alert($tds.eq(0).html() + $tds.eq(1).html());
                                //alert($("#findTime").text());
                                //$("#dangerGrade").text($tds.eq(1).html());
                                $("#dangerGrade_detail").text($tds.eq(1).html());
                                $("#dangerType_detail").text($tds.eq(2).html());
                                $("#dutyUnit_detail").text($tds.eq(3).html());
                                $("#dangerContent_detail").text($tds.eq(4).html());
                                $("#findTime_detail").text($tds.eq(6).html());
                                $("#checkUnit_detail").text($tds.eq(7).html());
                                $("#findPerson_detail").text($tds.eq(8).html());
                                $("#rectificationTime_detail").text($tds.eq(9).html());

                                //添加隐藏域信息
                                $("#address_detail").text(address_hidden);
                                $("#dutyPerson_detail").text(dutyPerson_hidden);
                                $("#rectificationmeasure_detail").text(supervisor_hidden);
                                $("#supervisor_detail").text(rectificationmeasure_hidden);

                                //从数据库中获取跟踪表的相关信息

                                //获取当前行的隐患信息的四定ID
                                var sidingId = $(obj).parents("tr").find("#siding_IdNum").val();
                                //alert(sidingId);
                                //异步提交获取数据
                                $.ajax({
                                        url : '${pageContext.request.contextPath }/followHander_getDetailInfo.action',
                                        data : {"sidingId":sidingId},
                                        type : 'POST',
                                        dataType : 'json',
                                        async:true,
                                        success : function(data) {
                                                //alert(data.followInfo);
                                                //是否有安全措施--判断输出
                                                $("#hasSecurity_detail").text(data.followInfo.hassecurity>0?"是":"否");
                                                //追踪详情信息
                                                $("#safetyTechnician_detail").text(data.followInfo.safetytechnician);
                                                $("#managerNameFollow_detail").text(data.followInfo.managername);
                                            }
                                        });

                                //开启模态框
                                $('#allInfo').modal();
                            }
                        </script>

 总结:

　　使用方法可以总结为:  表格的td里面放一些a标签，onclick时间传自己下去。JS函数首先获取其父元素tr(获取到一行)，再获取其所有的td元素（获取到每列），然后对每列进行过两次取值。

<a href="javascript:void(0)" data-toggle="modal"
                                                                data-target="#el_FourInfo"
                                                                onClick="allInfo(this)">详情</a>

 $tds = $(obj).parents('tr').children('td');  //获取到每列集合

$("#xxcheckdate").text($tds.eq(1).html());  //第一种过滤方式(在表格中位置)

 var findperson_hidden = $(obj).parents('tr').find(".hidden_findperson").val();      //第二种过滤方式。找到每列再过滤每列下面的class为hidden_findperson
 var findperson_hidden = $tds.find(".hidden_findperson").val();　　　　//同上面第二种过滤方式一样。只是用到$tds

第二种方法:调用函数的时候传一个id，然后根据id去数据库查询后添加到模态框中。