2014-02-19 34 views
0

這裏我有一個在gridview中的模板字段內添加asp表格的問題。 在我的GridView中一個按鈕被命名爲「View」,當我點擊它時,它應該顯示該行下面的所有信息......所以我該如何做?我應該使用模板字段?如何使用這個模板字段 添加按鈕(「視圖」)爲每行請糾正我的代碼在Templatefield中添加asp表格

 <asp:TemplateField HeaderText="View"> 
         <ItemTemplate> 
          <asp:Table ID="tblModify" runat="server" Width="100%" Visible="False" CssClass="table"> 
           <asp:TableRow> 
            <asp:TableCell ID="TableCell35" runat="server" HorizontalAlign="Right"><h1>Debit Information</h1></asp:TableCell> 
            <asp:TableCell></asp:TableCell> 
            <asp:TableCell></asp:TableCell> 
            <asp:TableCell></asp:TableCell> 
           </asp:TableRow> 
           <asp:TableRow ID="TableRow6" runat="server"> 
            <asp:TableCell ID="TableCell3" runat="server" HorizontalAlign="Right">DebitNoteNumber</asp:TableCell><asp:TableCell 
             ID="TableCell4" runat="server"> 
             <asp:Label ID="lblDebitNoteId" runat="server" MaxLength="50" Columns="70" /> 
            </asp:TableCell><asp:TableCell ID="TableCell5" runat="server" HorizontalAlign="Right">Date</asp:TableCell><asp:TableCell 
             ID="TableCell6" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblDate" runat="server" MaxLength="30" Columns="50"></asp:Label> 
            </asp:TableCell> 
           </asp:TableRow> 
           <asp:TableRow ID="TableRow1" runat="server"> 
            <asp:TableCell ID="TableCell11" runat="server" HorizontalAlign="Right">Patient Name</asp:TableCell><asp:TableCell 
             ID="TableCell37" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblPatientName" runat="server" MaxLength="50" Columns="70"></asp:Label> 
            </asp:TableCell> 
            <asp:TableCell ID="TableCell1" runat="server" HorizontalAlign="Right">Patient Number</asp:TableCell><asp:TableCell 
             ID="TableCell2" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblPatientId" runat="server" MaxLength="50" Columns="70"></asp:Label> 
            </asp:TableCell> 
           </asp:TableRow> 
           <asp:TableRow ID="TableRow2" runat="server"> 
            <asp:TableCell ID="TableCell38" runat="server" HorizontalAlign="Right">Phone Number</asp:TableCell><asp:TableCell 
             ID="TableCell39" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblPatientPhoneNumber" runat="server"> </asp:Label> 
            </asp:TableCell> 
            <asp:TableCell ID="TableCell7" runat="server" HorizontalAlign="Right">Bill Number</asp:TableCell><asp:TableCell 
             ID="TableCell8" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblBillId" runat="server"> </asp:Label> 
            </asp:TableCell> 
           </asp:TableRow> 
           <asp:TableRow ID="TableRow5" runat="server"> 
            <asp:TableCell ID="TableCell9" runat="server" HorizontalAlign="Right">Receipt Number</asp:TableCell><asp:TableCell 
             ID="TableCell10" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblReceiptId" runat="server" MaxLength="30" Columns="50"></asp:Label> 

            </asp:TableCell><asp:TableCell ID="TableCell13" runat="server" HorizontalAlign="Right">Amount</asp:TableCell><asp:TableCell 
             ID="TableCell14" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblAmount" runat="server" MaxLength="30" Columns="50"></asp:Label> 
            </asp:TableCell> 
           </asp:TableRow> 
           <asp:TableRow ID="TableRow8" runat="server"> 
            <asp:TableCell ID="TableCell15" runat="server" HorizontalAlign="Right">Balacne</asp:TableCell><asp:TableCell 
             ID="TableCell16" runat="server" HorizontalAlign="Left"> 
             <asp:Label ID="lblBalacne" runat="server" MaxLength="30" Columns="50"></asp:Label></td> 
            </asp:TableCell><asp:TableCell></asp:TableCell><asp:TableCell></asp:TableCell> 
           </asp:TableRow> 
          </asp:Table> 
         </ItemTemplate> 
        </asp:TemplateField> 

,如果我使用此代碼,我便無法在我的GridView中找到按鈕(「視圖」)..

回答

0

U可以使用Modal Pop Up Extender。 用你的服務器端標籤寫入簡單的html表格標籤(模型彈出)。當你點擊「查看」時,細節將顯示爲Modal彈出。