如果控件位于活动的 RadPageView 中，要查找的 Javascript 是什么？答案

【问题标题】：What is the Javascript to find if a control is in the active RadPageView?如果控件位于活动的 RadPageView 中，要查找的 Javascript 是什么？
【发布时间】：2012-06-27 20:36:25
【问题描述】：

我在 RadPageView 中有一个 Telerik RadGrid，在另一个 RadPageView 中有另一个 RadGrid。两者都是同一个 RadMultiPage 控件的一部分。我正在编写一个 Javascript 函数来调整 RadGrids 的大小以填充窗口中的剩余空间。如何确定哪个 RadGrid 在活动 RadPageView 中是可见的？

这可能会让你更清楚我的意思：

<script type="text/javascript">
function resizeElements(sender, EventArgs) {
  var m_grid = sender;
  if(m_grid) {
     m_grid.GridDataDiv.style.height = right_pane_height - padding + "px";
  }
}
</script>
<div id="right_pane">
<telerik:RadMultiPage runat="server" >
  <telerik:RadPageView runat="server">
     <telerik:RadGrid runat="server" >
       <ClientSettings>
           <ClientEvents OnGridCreated="resizeElements" />
         </ClientSettings>
     </telerik:RadGrid>
  </telerik:RadPageView>
  <telerik:RadPageView runat="server">
     <telerik:RadGrid runat="server" >
       <ClientSettings>
           <ClientEvents OnGridCreated="resizeElements" />
         </ClientSettings>
     </telerik:RadGrid>
  </telerik:RadPageView>
</telerik:RadMultiPage>
</div>

【问题讨论】：

我不知道从哪里开始。
为什么不尝试在 Telerik 控件上设置一些 Id，然后使用 jquery ID 选择器 $("#id")，然后检查它们的样式。（telerik 页面视图可能有自己的属性可以设置为活动状态，我不确定）

标签： javascript asp.net telerik

【解决方案1】：

我不使用 Telerik，但是，一种通用的方法是在 Firebug/Chrome F12 视图/类似视图中查看元素的类，然后使用 JQuery 在 RadMultiPage 中查找“div:visible”（如果可以在 ASP.NET 中给它一个 ID 或一个类）。在里面你会找到你的网格。

您的 JQuery 可能如下所示：

$('#myMultiPageID > div:visible > .classOfRadGrid').each(function() {
    resizeElements(this, myEventArgsVariable);
});

【讨论】：

【解决方案2】：

我意识到不必知道哪个 RadGrid 可见就可以调整它的大小。我只是调整它们的大小。唯一的问题是我需要确保 RadGrid 及其 GridDataDiv 元素存在，因为当它们所在的 RadPageView 不可见时它们可能不存在。

if( m_grid && m_grid.GridDataDiv ) {
      m_grid.GridDataDiv.style.height = right_pane_height - padding + "px";
}

if( m_grid2 && m_grid2.GridDataDiv ) {
      m_grid2.GridDataDiv.style.height = right_pane_height - padding + "px";
}

【讨论】：