您的位置：首页 > 其它

第一个项目 杂记11.16（弹窗）

2017-11-17 08:48 369 查看
思路：在页面加载时就已经加载完方法，弹窗不刷新页面所以，需要将ajax执行方法后获得的data的值赋予 弹窗中内容（我这里是table td）如果内容过多可以选择遍历的方式onlick方法触发方法 onclick方法是在<c:foreach>遍历中所以不可以直接传id  因为方法中接收到的id会按照一个对象来处理需要一个对象来接收，所以会报错。这里使用的方法是在一个tr下方加一个 input的隐藏域 隐藏域的值为ID 后使用 .parent().find('input').eq(0).val() 取到id弹窗方法使用的是$("#modal-recive").modal("show");前台我传给ajax的是一个List<Map<String,Object>> 集合  为了方便直接使用 .属性名 来取值但是前台我需要将字段一个一个塞到map中 是非常的繁琐的。。比如我这个类里就有63个字段 写了好久 很蠢。 function show(sid){           var sid = $(sid).parent().find("input").eq(0).val();//             alert(iii);            $.ajax({                url:"${ctx}/medicinelimited/tBzMedicineLimited/list_modal",                data:{"id":sid},            dataType:'json',            success:function (data) {                 $("#medicineNameChn1").text(data[0].medicineNameChn);                },            error:function () {               alert('error')                }            });            $("#modal-recive").modal("show");        }<!-- /container --><div class="modal hide fade" id="modal-recive"    style="position: absolute;width: 90%;height: 500px;margin: auto;left: 5%">   <div class="modal-header">      <button type="button" class="close" data-dismiss="modal"            aria-hidden="true">×</button>      <p style="text-align: center;font-weight: bold;">关于国际资讯-农兽药限量信息</p>   </div>   <div style="overflow-x: auto; overflow-y: auto; height: 500px; width:100%;">      <table  class="table table-striped table-bordered table-condensed">               <tr>            <td>农兽药中文名称</td>            <td id="medicineNameChn1"></td>         </tr>       </table>   </div>   </div></div>   </div></div><tr><td onclick="show(this)">详情</td><input type="hidden" value="${tBzMedicineLimited.id}"></tr>onclick方法触发 ajax 调用后进入modal("show")方法展示弹窗弹窗内容需要通过td 的text方法填充因为在页面加载的时候list就已经加载完成.parent().find("input").eq(0).val();通过与td在同一级tr下的 隐藏域 通过以上方法得到id值  不可以直接在onclick方法中传id  只能传this详情按钮当不赋予href=“”的时候 鼠标移动不是一只手。这时候强迫泽 就需要一个样式
style="cursor:pointer"
在弹窗中 需要弹窗中一行是网址的条目能够点击直接访问
这里我通过$("#id").href="";并不可以成功实现（不知道为什么），知道的大佬可以下告诉下呗？
这时候我通过 .attr（“href”，“”）成功实现了。

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航