Question

抱歉，这是一个Javascript初学者问题。我的jqGrid函数第一次正常工作，但是当我第二次调用它时，没有任何反应，也没有发出请求。代码片段：

 $(document).ready(function() { 
  $("#submit").click(function(e) {
    e.preventDefault();
    var brandsDropdown = document.getElementById("brandsDropdown");
    var brandId = brandsDropdown.options[brandsDropdown.selectedIndex].value;
    var searchParams = "brandId=" + brandId;
    doGrid(searchParams);
  });
});

function doGrid(searchParams) {
alert("doGrid, searchParams:" + searchParams);
var url="${pageContext.request.contextPath}/services/setup/project";
var editurl="${pageContext.request.contextPath}/services/setup/project";
$("#projectList").jqGrid({
    url: url + "?" + searchParams,
    editurl: editurl,
    datatype: 'xml',
    mtype: 'GET',
    ...
});

alert（）告诉我第二次成功调用了doGrid（）。所以它真的是$（“projectList”）。jqGrid（）函数不执行，或者无声地失败。除非我在调用它的方式上犯了一个明显的错误？

Answer 1

我认为第二次不再需要重新生成整个网格。然后，您只需将设置参数和网格计算更改为日期。为此，您需要trigger("reloadGrid")来电。

$(document).ready(function() {

var runonce = false;

  $("#submit").click(function(e) {
    e.preventDefault();
    var brandsDropdown = document.getElementById("brandsDropdown");
    var brandId = brandsDropdown.options[brandsDropdown.selectedIndex].value;
    var searchParams = "brandId=" + brandId;
    doGrid(searchParams);
  });
});

function doGrid(searchParams) {
    alert("doGrid, searchParams:" + searchParams);
    var url="${pageContext.request.contextPath}/services/setup/project";
    var editurl="${pageContext.request.contextPath}/services/setup/project";

     if (false==runonce) {

        $("#projectList").jqGrid({
            url: url + "?" + searchParams,
            editurl: editurl,
            datatype: 'xml',
            mtype: 'GET',
            ...
        });
        runonce=true;
     } else {
         $("#projectList").jqGrid({
             url: url + "?" + searchParams,
             editurl: editurl
         }).trigger("reloadGrid");

     }

jqGrid：grid函数只执行一次

1 个答案: