在页面上用li和jqgrid的设置了几个tab页,其中tab页中有自定义查询按钮,在第一遍点击各个tab页上的自定义查询按钮时,都可以使用,但是再次点击之前的页面时,自定义按钮就不生效了,就会在$(“#searchFrom3”).dialog("open")这里报出,说是open找不到jqGrid

解决方案 »

  1.   

    function search(){
    $(“#searchFrom3”).dialog("open");
    }
    $(function(){
       $("#searchFrom2").dialog({
        autoOpen:false;
        modal:true;
        buttons:{
         var ndata=("#_form").serializeArray();
         data[data.length]={name:"page",value:'1'};
         data[data.length]={name:"rows",value:'30'};
         $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid");
       }
    })
    }) 
      

  2.   

     buttons:{
         var ndata=("#_form").serializeArray();
         data[data.length]={name:"page",value:'1'};
         data[data.length]={name:"rows",value:'30'};
         $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid");
       }参数不是这种格式的,你应该创建的时候就失败了。
      

  3.   

    function search(){
    $(“#searchFrom3”).dialog("open");
    }
    $(function(){
       $("#searchFrom2").dialog({
        autoOpen:false;
        modal:true;
        buttons:{
        "查找":funtion() {var ndata=("#_form").serializeArray();
         data[data.length]={name:"page",value:'1'};
         data[data.length]={name:"rows",value:'30'};
         $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid");
         }
       }
    })
    })  
    漏打了一行
      

  4.   

    HTML也贴出来,JS你贴完整一点
    var ndata=$("#_form").serializeArray();
         data[data.length]={name:"page",value:'1'};
         data[data.length]={name:"rows",value:'30'};
    $(“#searchFrom3”)data哪里冒出来的,$又少了,还有中文的符号
      

  5.   

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/jquery-ui-1.9.2.custom.css"/>
    <script src="${ pageContext.request.contextPath }/resources/js/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="${ pageContext.request.contextPath }/resources/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
    <style type="text/css">
        body {
            font-family: Arial;
             font-size: 12px;
        }
        .ui-tabs-panel {
            padding: 0px 0px 0px 0px;
        }
    </style>
    <script type="text/javascript">
    $(function() {
        var tabs = $("#tabs").tabs({
         beforeLoad: function(event, ui) {
                ui.jqXHR.error(function() {
                    ui.panel.html("不能加载...");
                });
            }
        });
        tabs.find( ".ui-tabs-nav" ).sortable({
            axis: "x",
            stop: function() {
                //tabs.tabs( "refresh" );
            }
        });
        var index=0;
        $("tabs").tabs('remove',index);
        $("tabs").tabs('add','index');
    });
    </script>
    <title>主页</title>
    </head>
    <body>
        <div id="tabs" style="border: 0px; height: 15px;">
            <ul>
                <li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li>
                <li><a href="${ pageContext.request.contextPath }/settledin/forward_listByParams$.action">3</a></li>
                <li><a href="${ pageContext.request.contextPath }/moveout/forward_listByParams$.action">2</a></li>
                <li><a href="${ pageContext.request.contextPath }/death/forward_listByParams$.action">11</a></li>
            </ul>
        </div>
    </body>
    </html>
      

  6.   

    var index=0;
        $("#tabs").tabs('remove',index);
        $("#tabs").tabs('add','index');上面这些干什么用的。没有看到你创建dialog的代码啊
      

  7.   

     <li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li>
                <li><a href="${ pageContext.request.contextPath }/settledin/forward_listByParams$.action">3</a></li>
                <li><a href="${ pageContext.request.contextPath }/moveout/forward_listByParams$.action">2</a></li>
                <li><a href="${ pageContext.request.contextPath }/death/forward_listByParams$.action">11</a></li>href指向的地址中的jquery.js这个类库去掉,因为会导致重新加载jquery框架而覆盖了主页面上的jquery.ui扩展导致ui扩展找不到。。再次点击就会报错了
      

  8.   

    /settledin/forward_listByParams$.action 这种贴个代码出来,删除jquery不会影响css加载啊
      

  9.   

    加载是不影响  但是之前是利用jqueryui来形成tab页的  这样就没有效果了  图片发布出来 看不到效果