0

我正在尝试将一些 JQuery 添加到现有的 ASP.NET 应用程序中。在通常隐藏的 div 中包含一个 WebDataGrid，还有一个显示网格的按钮。

网格可能有也可能没有任何数据。我希望能够根据网格是否包含任何数据来更改显示网格的按钮的样式。问题是 ig_controls 似乎不包含 document.ready() 处理程序中的 WebDataGrid 对象。

这是相关的 HTML -

<div id="grids">
    <ig:WebDataGrid ID="WebDataGrid1" ... />
    <button type="button" class="btnClose">Close</button>
</div>
.
.
.
<button type="button" id="btnShow">Show</button>

和 javascript -

$(function() {
    function UpdateShowButton() {
        // When called from the click handler, 'grid'is non-null,
        // otherwise, 'grid' is null.
        var grid = ig_controls.WebDataGrid1;
        if (grid.get_rows().get_length() > 0) {
            $('#btnShow').addStyle('hasItems');
        } else {
            $('#btnShow').removeStyle('hasItems');
        }
    }

    // View the grid when clicked.
    $('#btnShow').on('click', function() {
        $('#grids').show();
    }

    // Hide the grid, and update the "Show" button
    $('#btnClose').on('click', function() {
        // Hide the grid
        $('#grids').hide();
        UpdateShowButton(); // This call works    
    }

    // Finally, on postbacks, ensure the "Show" button is styled properly
    UpdateShowButton(); // This fails
});

直接获取网格

var grid = $('#WebDataGrid')

在这两种情况下都是非空的，但没有给我 WebDataGrid 对象，而且我不确定如何从原始 HTML 中获取行数。

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

更新：感谢 Diego，这个问题可以解决。而不是这个 -

// Finally, on postbacks, ensure the "Show" button is styled properly
UpdateShowButton(); // This fails

我试过这个 -

// Finally, on postbacks, ensure the "Show" button is styled properly
setTimeout(UpdateShowButton, 1);

是的，这是 1. 将 UpdateButton 调用延迟一毫秒会导致在 ig_controls 中可以访问 WebDataGrid 对象。

由于延迟持续时间微不足道（并且该应用程序仅供内部使用）我不介意保留此代码。但我仍然想找出为什么需要解决方法，或者找到似乎不需要的修复程序像这样的黑客。

4

1 回答 1

1

最可能的情况是，在某些时候，Infragistics 网格的初始化使用了一些异步函数。通过使用毫秒延迟，您可以在 Infragistic 之后执行您的代码。实际毫秒并不重要。

如果您想获得更清晰的代码，我会问 Infragistics 可以做什么或正在发生什么。

祝你好运！

于 2015-08-27T18:29:20.337 回答