0

我正在向我的 jqGrid 标题栏添加自定义增长/缩小按钮，以允许用户更改网格的高度。以下代码在 Firefox 和 Chrome 中完美运行，但在 Internet Explorer（版本 8）中无法正常运行。在 IE 中，调用 setGridHeight 之前和之后的警报正常工作，但网格没有调整大小。（不幸的是，IE 是企业的默认浏览器。）有没有人遇到过类似的问题或知道解决方案？

var expand = "alert('start'); 
 $('#grid').jqGrid('setGridHeight', 
 $(window).innerHeight()/1.5); 
 alert('end');";    
$("#gview_grid .ui-jqgrid-titlebar").append 
 ('<a class="ui-jqgrid-titlebar-close HeaderButton"  role="link" style="right: 30px;">
  <span id= "grid_plus" class="ui-icon ui-icon-circle-plus" onClick = "'+expand+'"></span> </a>');

标题栏上的扩大/缩小按钮

任何帮助将不胜感激。谢谢！

4

2 回答 2

0

如果您将扩展创建为函数，它会有所帮助吗？

    var expand = function(){/*...
   */}

并从您的标记中将其称为expand()?

于 2012-11-05T18:39:26.630 回答
0

在创建一个发布到 jsfiddle 的简化示例时，我发现原始发布的代码确实在 IE 中工作。问题是我已将网格的大小绑定到窗口调整大小功能（显然 IE 不喜欢那样）。

$(window).bind('resize', function() {
    $('#grid').jqGrid('setGridHeight', $(window).innerHeight()/3);  
}).trigger('resize');

我仍在研究解决方案，以便它们可以在 IE 中协同工作，但现在至少我们知道问题出在哪里。

于 2012-11-05T19:59:25.900 回答