2014-07-06 27 views
1

覆蓋郵遞我已經通過下面的JavaScript來實現嵌套網格視圖:javascript函數早在asp.net

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" > 
    $("[src*=plus]").live("click", function() { 
     $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>") 
     $(this).attr("src", "images/minus.png"); 
    }); 
    $("[src*=minus]").live("click", function() { 
     $(this).attr("src", "images/plus.png"); 
     $(this).closest("tr").next().remove(); 
    }); 

和GridView的定義方式如下:

<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" CssClass="Grid" 
    DataKeyNames="CustomerID" OnRowDataBound="OnRowDataBound"> 
    <Columns> 
     <asp:TemplateField> 
      <ItemTemplate> 
       <img alt = "" style="cursor: pointer" src="images/plus.png" /> 
       <asp:Panel ID="pnlOrders" runat="server" Style="display: none"> 
        <asp:GridView ID="gvOrders" runat="server" AutoGenerateColumns="false" CssClass = "ChildGrid"> 
         <Columns> 
          <asp:BoundField ItemStyle-Width="150px" DataField="OrderId" HeaderText="Order Id" /> 
          <asp:BoundField ItemStyle-Width="150px" DataField="OrderDate" HeaderText="Date" /> 
         </Columns> 
        </asp:GridView> 
       </asp:Panel> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:BoundField ItemStyle-Width="150px" DataField="ContactName" HeaderText="Contact Name" /> 
     <asp:BoundField ItemStyle-Width="150px" DataField="City" HeaderText="City" /> 
    </Columns> 
</asp:GridView> 

爲了得到子網格視圖的數據我需要在服務器端的父網格視圖中選定行的文本。甚至進一步處理都需要兩個GridView的選定行的文本數據。爲此,我嘗試獲取OnSelectedIndexChanged函數中的文本,但是作爲回發請求,摺疊擴展的行(即重置它)。

有沒有不需要javascript的解決方案,並直接從服務器端創建嵌套的gridview?或者我可以在其中獲得數據服務器端的任何其他解決方案,但仍然只將展開後的行保留爲展開狀態。

+0

您可以嘗試在hiddenfield中存儲extentsparentgrid的id或文本,並在回發後手動設置它們展開。 – GMD

回答

0

您可以將嵌套的Gridview控件放置在更新面板中,以防止整個頁面在OnSelectedIndexChanged事件中回傳。

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"> 
    <asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" CssClass="Grid" 
     DataKeyNames="CustomerID" OnRowDataBound="OnRowDataBound"> 
     <Columns> 
      <asp:TemplateField> 
       <ItemTemplate> 
        <img alt = "" style="cursor: pointer" src="images/plus.png" /> 
        <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
         <ContentTemplate> 
          <asp:Panel ID="pnlOrders" runat="server" Style="display: none"> 
           <asp:GridView ID="gvOrders" runat="server" AutoGenerateColumns="false" CssClass = "ChildGrid"> 
            <Columns> 
             <asp:BoundField ItemStyle-Width="150px" DataField="OrderId" HeaderText="Order Id" /> 
             <asp:BoundField ItemStyle-Width="150px" DataField="OrderDate" HeaderText="Date" /> 
            </Columns> 
           </asp:GridView> 
          </asp:Panel> 
         </ContentTemplate> 
        </asp:UpdatePanel> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:BoundField ItemStyle-Width="150px" DataField="ContactName" HeaderText="Contact Name" /> 
      <asp:BoundField ItemStyle-Width="150px" DataField="City" HeaderText="City" /> 
     </Columns> 
    </asp:GridView> 
+0

不,不起作用,可能是因爲外部網格必須位於更新面板中。 – user3614506

+0

你在哪裏放置了OnSelectedIndexChanged控件? –

+0

這是在每個gridview(外+內),因爲我需要從他們兩個服務器上的文本。 – user3614506