调用javascript函数时IE 7崩溃

时间:2013-10-06 18:03:07

标签: javascript jquery internet-explorer-7

我的asp.net mvc 4视图中有一个jqGrid,在这个视图中我定义了一个将用于jqGrid的类型。 jqGrid位于jQuery选项卡中(我有一个jQuery选项卡组件)。

选项卡中的jqGrid插入如下:

  <div id="jqGrid">
      @Html.Partial("../Grids/_MyGrid")
  </div>

这是从ajax调用中调用的,如下所示:

@using (Ajax.BeginForm("Search", "Item",
   new AjaxOptions
   {
       HttpMethod = "GET",
       InsertionMode = InsertionMode.Replace,
       UpdateTargetId = "jqGrid",
       OnSuccess = "showGridItems()"
   }))
{
    // My Stuff
}

在同一视图中,我已经定义了一个将用于jqGrid的类型,如下所示:

<script type="text/javascript">
    var paramFromView = {
        DeleteAllCaption: '@Resource.CaptionPagerDeleteAll',
        ClearGridUrl: '@Url.Content("~/Item/ClearGridData")',
        DeleteAllConfirmationMessage: '@Resources.Resource.ItemDeleteAllDataConfirmation',
        Url: '@Url.Content("~/Item/GetData")',
        Width: @width,
        Height: @height,
        Caption: '@Resources.Resource.ItemIndexTitle',
        ItemName: '@Resources.Resource.ItemIndexName',
        ItemAddress: '@Resources.Resource.ItemIndexAddress',
        ItemType: '@Resources.Resource.ItemIndexType',
        Actions: '@Resources.Resource.ItemIndexActions',
        PageSize: @pageSize,
    };

</script>

上面指出的局部视图_MyGrid在同一视图中也如下所示:

<table id="_itemGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_itemPager" style="text-align: center;">
</div>

当执行ajax调用(参见上面的ajax代码)并且结果成功时,在onccess上调用javascript函数:

function showGridItems() {
    $('#_itemGrid').jqGrid({
        caption: paramFromView.Caption,
        colNames: ['ID', paramFromView.ItemName, paramFromView.ItemAddress, paramFromView.ItemType, paramFromView.Actions],
        colModel: (...)
}

此函数在js文件中定义,它包含在以下相同的视图中:

@section scripts
{
    @Content.Script("/Grids/ItemGrid.js", Url)
}

它在IE8,IE9和IE10中运行良好,但在IE7中它在showGridItems中崩溃。错误是说没有定义paramFromView!我不知道为什么因为从IE8到IE10工作得很好但不适用于IE7。发生了什么事?

已更新 它是由pageSize之后的逗号引起的。我已删除,现在可以使用。

1 个答案:

答案 0 :(得分:1)

从脚本中删除最后一个逗号(,)。

<script type="text/javascript">
var paramFromView = {
    DeleteAllCaption: '@Resource.CaptionPagerDeleteAll',
    ClearGridUrl: '@Url.Content("~/Item/ClearGridData")',
    DeleteAllConfirmationMessage: '@Resources.Resource.ItemDeleteAllDataConfirmation',
    Url: '@Url.Content("~/Item/GetData")',
    Width: @width,
    Height: @height,
    Caption: '@Resources.Resource.ItemIndexTitle',
    ItemName: '@Resources.Resource.ItemIndexName',
    ItemAddress: '@Resources.Resource.ItemIndexAddress',
    ItemType: '@Resources.Resource.ItemIndexType',
    Actions: '@Resources.Resource.ItemIndexActions',
    PageSize: @pageSize
};