그리드 뷰에서 리피터를 추가하는 방법

gridview 데이터를 통해 테이블을 만들고 싶지만 gridview에 정의되어 있지 않은 <th>이 jQuery 코드에 필요합니다. 리피터를 사용하여 th를 추가하고 싶습니다.
여기 내 코드그리드 뷰에서 리피터를 추가하는 방법

<body> 
    <form id="form1" runat="server"> 
     <div> 
      <asp:GridView ID="gdSource" runat="server" AutoGenerateColumns="False" OnPreRender="gdSource_PreRender" Width="202px"> 
       <Columns> 
        <asp:TemplateField HeaderText="EmployeeID"> 
         <EditItemTemplate> 
          <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("EmployeeName") %>'></asp:TextBox> 
         </EditItemTemplate> 
         <ItemTemplate> 
          <asp:Label ID="Label2" runat="server" Text='<%# Bind("EmployeeID") %>'></asp:Label> 
         </ItemTemplate> 
        </asp:TemplateField> 
        <asp:TemplateField HeaderText="January"> 
         <EditItemTemplate> 
          <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("January") %>'></asp:TextBox> 
         </EditItemTemplate> 
         <ItemTemplate> 
          <asp:Label ID="Label2" runat="server" Text='<%# Bind("January") %>'></asp:Label> 
         </ItemTemplate> 
        </asp:TemplateField> 
        <asp:TemplateField HeaderText="Febrarury"> 
         <EditItemTemplate> 
          <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("Febrarury") %>'></asp:TextBox> 
         </EditItemTemplate> 
         <ItemTemplate> 
          <asp:Label ID="Label3" runat="server" Text='<%# Bind("Febrarury") %>'></asp:Label> 
         </ItemTemplate> 
        </asp:TemplateField> 
        <asp:TemplateField HeaderText="March"> 
         <EditItemTemplate> 
          <asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("March") %>'></asp:TextBox> 
         </EditItemTemplate> 
         <ItemTemplate> 
          <asp:Label ID="Label4" runat="server" Text='<%# Bind("March") %>'></asp:Label> 
         </ItemTemplate> 
        </asp:TemplateField> 
       </Columns> 
      </asp:GridView> 
      <div id="target"> 
      </div> 
      <script type="text/javascript"> 
       $(document).ready(function() { 
        $('#<%=gdSource.ClientID%>').tableBarChart('#target', '', false); 
       }); 
      </script> 
     </div> 
    </form> 
</body> 
<link href="TableBarChart.css" rel="stylesheet" /> 
<script src="Scripts/WebForms/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="Scripts/WebForms/TableBarCharts.js"></script>

이 내 jQuery를 파일입니다.

내가 리피터를 사용하여있는 gridview에서 만들려는 HTML의 코드가

<table cellspacing="0" rules="all" border="1" id="gdSource" style="border-collapse: collapse;"> 
    <caption>Employee Record</caption> 
    <thead> 
     <tr> 
      <th scope="col">EmployeeID</th> 
      <th scope="col">January</th> 
      <th scope="col">Febrarury</th> 
      <th scope="col">March</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <th> 
       <span id="gdSource_Label2_0">1</span> 
      </th> 
      <td> 
       <span id="Span1">200</span> 
      </td> 
      <td> 
       <span id="gdSource_Label3_0">100</span> 
      </td> 
      <td> 
       <span id="gdSource_Label4_0">300</span> 
      </td> 
     </tr> 
     <tr> 
      <th> 
       <span id="gdSource_Label2_1">2</span> 
      </th> 
      <td> 
       <span id="Span2">100</span> 
      </td> 
      <td> 
       <span id="gdSource_Label3_1">200</span> 
      </td> 
      <td> 
       <span id="gdSource_Label4_1">200</span> 
      </td> 
     </tr> 
    </tbody> 
</table> 
</div> 
<div id="target"> </div>       
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#gdSource').tableBarChart('#target', '', true); 
    }); 
</script> 
</div> 
</form>

나는 리피터 PLZ 도움을 사용하여 griview에서 HTML 페이지에서와 같이 <th>을 만들려고합니다. 템플릿 필드에 헤더 템플릿을 사용하여

출처

2014-11-26 Userr

ASP.NET'GridView'는 HTML 테이블 만 렌더링! –

당신이 다음 Repeater 컨트롤을 사용하려는 경우 어떤 테이블 포맷의 큰 문제. 당신은 매우 쉽게 포맷 할 수 있습니다. 이처럼 - `

<asp:Repeater ID="repBanner" runat="server"> 
     <HeaderTemplate> 
      <table> 
<tr> 
<th>Name</th> 
<th>Email</th> 
</tr> 
</table> 
     </HeaderTemplate> 
     <ItemTemplate> 
      <tr> 
       <td> 
        <asp:Label runat="server" Text="XYZ" ID="lblName" /> 
       </td> 
       <td> 
        <asp:Label runat="server" Text="[email protected]" ID="lblEmail" /> 
       </td> 
      </tr> 
     </ItemTemplate> 
    </asp:Repeater>

출처

2014-11-26 07:24:54

시도 :

<asp:TemplateField> 
    <HeaderTemplate> EmployeeID </HeaderTemplate> 
    <ItemTemplate> YOUR_CONTROLS </ItemTemplate> 
    <EditItemTemplate> YOUR_CONTROLS </EditItemTemplate> 
</asp:TemplateField>

출처

2014-11-26 07:23:55

그리드 뷰에서 리피터를 추가하는 방법

답변

관련 문제