是否可以在 javascript 函数中包含事件？

Question

我只是想知道从主 javascript 中获取 jqgrid 事件并使用另一个 javascript 以函数形式将其分开是否可行？我想做的就是这样。我有一个代码：

     ...//some code here
     serializeGridData: function(postData) {
        var jsonParams = {
            'SessionID': $('#eSessionID3').val(),
            'dataType': 'data',
            'recordLimit': postData.rows,
            'recordOffset': postData.rows * (postData.page - 1),
            'rowDataAsObjects': false,
            'queryRowCount': true,
            'sort_fields': postData.sidx
        };

        if (postData.sord == 'desc')
        {
            ...//some code here
        }           
        else
        {
            ...//some code here
        }

        return 'json=' + jsonParams;
    },

    loadError: function(xhr, msg, e) { 
        showMessage('errmsg');
    },
            ...//some code here

我想获取此代码并将其写入另一个 javascript 文件并将其作为一个函数，以便我的另一个文件可以使用这个..可能吗？

我在我的其他 javascrtip 文件中创建了类似的东西，我计划在其中放置我的所有函数。这是代码（functions.js）：

function serialLoad(){
   serializeGridData: function(postData) {
      var jsonParams = {
         'SessionID': $('#eSessionID3').val(),
         'dataType': 'data',
         'recordLimit': postData.rows,
         'recordOffset': postData.rows * (postData.page - 1),
         'rowDataAsObjects': false,
         'queryRowCount': true,
         'sort_fields': postData.sidx
      };

      if (postData.sord == 'desc')
      {
          ...//some code here
      }           
      else
      {
          ...//some code here
      }
      return 'json=' + jsonParams;
   },

   loadError: function(xhr, msg, e) { 
       showMessage('errmsg');
   }
}

这不起作用并显示消息语法错误。我不知道如何纠正这个。有谁可以帮助我吗？

Answer 1

首先回答你的正确问题。如果你在 functions.js 文件中定义了一些全局变量，例如，myGlobal:

myGlobal = {};
myGlobal = serializeGridData: function(postData) {
    // ... here is the implementation
};

您可以在另一个 JavaScript 文件中使用它，该文件必须包含在 functions.js 文件之后：

serializeGridData: myGlobal.serializeGridData

（只需在 jqGrid 定义中使用此类参数）。

如果您想将serializeGridData 参数与大多数jqGrids 中的值一起使用，您可以改写functions.js 文件中serializeGridData 的默认值：

jQuery.extend(jQuery.jgrid.defaults, {
    datatype: 'json',
    serializeGridData: function(postData) {
        // ... here is the implementation
    },
    loadError: function(xhr, msg, e) { 
        showMessage('errmsg');
    }
});

在示例中，我将默认的datatype: 'xml' jqGrid 参数覆盖为datatype: 'json'。它表明您可以设置任何 jqGrid 参数的默认值。

在我看来，您真正需要的是使用prmNames jqGrid 参数来重命名标准 jqGrid 参数的一些默认名称。例如与

prmNames: {
    rows:"recordLimit",
    sort: "sort_fields",
    search:null,
    nd:null
}

您将标准rows 参数重命名为recordLimit，将sidx 重命名为sort_fields，并删除要发送的_search 和nd 参数。

此外，您可以使用 postData 将一些属性定义为函数（有关详细信息，请参阅 here）。例如：

postData: {
    SessionID: function() {
        return $('#eSessionID3').val();
    },
    rowDataAsObjects: false,
    queryRowCount: true,
    dataType: 'data',
    recordOffset: function() {
        var pd = jQuery("#list2")[0].p.postData;
        return pd.recordLimit * (pd.page - 1);
    },
    json: function() {
        var pd = jQuery("#list2")[0].p.postData;
        return {
           SessionID: $('#eSessionID3').val(),
           dataType: 'data',
           recordOffset: pd.recordLimit * (pd.page - 1),
           rowDataAsObjects: false,
           queryRowCount: true,
           sort_fields: pd.sort_fields
        };
    }
}

我在这里使用了您当前使用的json 参数，并在将要发送的参数列表中直接添加了SessionID、queryRowCount 等参数。当然，只发送一种方式（json 或其他方式）发送您需要的附加信息就足够了。

Answer 2

第二个例子是不正确的，因为你将一个javascript对象声明为一个函数的主体，你可以做的是：

function serialLoad() {
    // Return an object with the required members
    return {
        serializeGridData: function(postData) { ... },
        loadError: function(xhr, msg, e) { ... }
    };
}

Answer 3

您正在混合函数声明和对象字面量表示法。此语法：property: value 在使用对象字面量表示法创建对象时使用：

var obj = {
   prop: val,
   prop2: val
};

serializeGridData 和 loadError 是某些对象的属性，您不能通过将它们放入函数来定义它们。

一种方法是创建两个函数，一个用于serializeGridData，一个用于loadError，例如

function serialLoad(postData){
  var jsonParams = {
     //...
  };

  if (postData.sord == 'desc') {
      //... some code here
  }           
  else {
      //... some code here
  }
  return 'json=' + jsonParams;
}

function onError(xhr, msg, e) { 
   showMessage('errmsg');
}

然后你可以在你的其他文件中将它们分配给对象：

// ... some code here
serializeGridData: serialLoad,
loadError: onError,
//... some code here

---

另一种方法是将有问题的对象传递给函数并在那里分配属性：

function attachLoadHandler(obj) {
    obj.serializeGridData = function(postData) {
        //...
    };

    obj.loadError = function(xhr, msg, e) {
        //...
    };
}

然后你必须将你创建的对象传递给那个函数：

attachLoadHandler(obj);

但我认为第一种方法更容易理解。