Копирование первой строки в сетке

Question

просто хотите спросить, можно ли скопировать первое значение строки в сетке? Например, . У меня две колонки. Значения A и B. Если я поставлю любое значение в столбце B в первой строке. Он должен заполнить всю оставшуюся строку.

**Serial** **CartNum** Output **CartNum** 
    1    1     1 
    2         1 
    3         1 
    4         1 

Возможно ли это? Я использую ASP.NET (VB), javascript для этого, я думаю?

Вот мой код сетки.

<div class="Scrolls"> 
    <asp:DataGrid runat="server" ID="dgSerial" AutoGenerateColumns="false" ShowFooter="false" ShowHeader="false" GridLines="None" DataKeyField="BaseLineNum" AlternatingItemStyle-CssClass="AlternateGrid"> 
    <Columns> 
     <asp:TemplateColumn> 
     <ItemTemplate> 
      <table border="0" style="border-bottom: 1px dotted; border-color: #FF0000"> 
      <tr> 
       <td style="width: 20px;"> 
       <asp:CheckBox runat="server" ID="chkSelect"></asp:CheckBox> 
       </td> 
       <td style="width: 120px;"> 
       <asp:TextBox Width="120" ID="SerialNum" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "SerialNum")%>' /> 
       </td> 
       <td style="width: 120px;"> 
       <asp:TextBox Width="120" ID="CartNum" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "CartNum")%>' /> 
       </td> 
      </tr> 
      </table> 
     </ItemTemplate> 
     </asp:TemplateColumn> 
    </Columns> 
    </asp:DataGrid> 
</div> 

Надежды услышать положительный отклик.

Answer 1

Вы должны изменить свой второй шаблон строки, как указано выше:

<asp:TextBox Width="120" ID="CartNum" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "CartNum")%>' 
    onchange="javascript: copy();" CssClass="row2"/> 

А затем добавить магии Javascript:

<script type="text/javascript"> 
    function copy() { 
    var cells = document.getElementsByClassName("row2"); 
    for(var i = 1; i < cells.length; i++) 
     cells[i].value = cells[0].value; 
    } 
</script> 

I Я не могу проверить это прямо сейчас, поэтому я не уверен, что он будет работать нормально, но я уверен, что это будет с несколькими модификациями нс.

Обратите внимание, что код javascript всегда принимает значение из первой ячейки столбца (ячейки [0]), из-за вашего вопроса, о котором вы просили.

Answer 2

Попробуйте, это поможет вам

<script type="text/javascript"> 
function copy(){ 
    var inputCount = document.getElementById('tableId').getElementsByTagName('input').length; 
    var name = document.getElementById('name').value; 
    for(i=1;i<=inputCount;i++){ 
    document.getElementById('name_'+i).value = name; 
    } 
} 
</script> 
<table id="tableId"> 
<tr> 
<td> 
    <input type="text" id="name" onkeyup="copy();" name="name" /> 
    <input type="text" id="name_1" name="name_1" /> 
    <input type="text" id="name_2" name="name_2" /> 
    <input type="text" id="name_3" name="name_3" /> 
    <input type="text" id="name_4" name="name_4" /> 
</td> 
</tr> 
</table>