我正在为我的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>');
非常感谢任何帮助。谢谢!
答案 0 :(得分:0)
如果将expand作为函数创建会有帮助吗?
var expand = function(){/*...
*/}
并将您的标记称为expand()
?
答案 1 :(得分:0)
在创建一个简单的示例以发布到jsfiddle时,我发现原始发布的代码确实可以在IE中运行。问题是我将网格的大小限制为窗口大小调整功能(显然IE不喜欢这样)。
$(window).bind('resize', function() {
$('#grid').jqGrid('setGridHeight', $(window).innerHeight()/3);
}).trigger('resize');
我仍在研究解决方案,以便这些解决方案可以在IE中协同工作,但至少目前我们知道问题所在。