asp.net-ASP.NET动态添加节点 实现每次单击动态生table中的行列

问题描述

ASP.NET动态添加节点 实现每次单击动态生table中的行列


点击这个添加更多动态复制上面的div中的table里面的控件 后台可以获取到每个table中标签的id 或者直接可以获取 多个table中控件上的数据

我是asp的新手不清楚这个 这个服务器的控件的js代码怎么写 或者可以直接在控件的添加更多事件里面实现


    <div id="divtable">
<table class="add_table" id="table" width="100%">
     <tr>
        <td width="90">产品编号</td>
        <td>
            <asp:TextBox ID="product_no" runat="server" TextMode="Number"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_no" runat="server" ErrorMessage="?请输入编号" ControlToValidate="product_no" ForeColor="Black"></asp:RequiredFieldValidator>
        </td>
    </tr>
     <tr>
        <td width="90" class="auto-style1">产品名称</td>
        <td class="auto-style1">
            <asp:TextBox ID="product_name" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_name" runat="server" ErrorMessage="?请输入名称" ControlToValidate="product_name"></asp:RequiredFieldValidator>
       </td>
    </tr>
       <tr>
        <td width="90">产品价格</td>
        <td>
            <asp:TextBox ID="product_price" runat="server" TextMode="Number"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_price" runat="server" ErrorMessage="?请输入价格" ControlToValidate="product_price"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td width="90">产品型号</td>
        <td>
            <asp:TextBox ID="product_model" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="reg_mod" runat="server" ErrorMessage="?请输入型号" ControlToValidate="product_model" Width="100px"></asp:RequiredFieldValidator>
&nbsp;
            <asp:FileUpload ID="selectfile" runat="server" ToolTip="请选择文件" />
        </td>
    </tr>
    <tr>
        <td width="90">产品描述</td>
        <td>

            <asp:TextBox ID="product_introduce" runat="server" Width="524px" TextMode="MultiLine" Height="24px"></asp:TextBox>
        </td>
    </tr>
</table>
        <div align="center">
            <asp:Button ID="addmore" runat="server" Text="↓添加更多" OnClick="addmore()" />
            <br />
            <br />
            <asp:Button ID="btnDo" runat="server" Text="执行操作" OnClick="btnDo_Click" />
        </div>
        </div>
</asp:Content>

解决方案

客户端直接clone你的table添加到dom中就好了吧,干嘛要通过服务器端控制,这个是要刷新过页面的

解决方案二:

完蛋,自动格式把html标记吃掉了,重新用代码格式贴一遍试试。

    这个服务端做比较容易。
    把整个Table的内容(不包括<table>和</table>)用一个<asp:repeater>包起来,绑定一个 datatable;(addmore.click中)你给 datatable 多添加一行,就会多生成一次内容。

解决方案三:

这个服务端做比较容易。
把整个Table的内容(不包括

)用一个asp:repeater包起来,绑定一个 datatable;(addmore.click中)你给 datatable 多添加一行,就会多生成一次内容。
解决方案四:

Tiger_Zhao

你看 是这样吗

 <table class="add_table" id="table" width="100%">
    <asp:Repeater ID="Repeater1" runat="server">
     <tr>
        <td width="90">产品编号</td>
        <td>
            <asp:TextBox ID="product_no" runat="server" TextMode="Number"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_no" runat="server" ErrorMessage="?请输入编号" ControlToValidate="product_no" ForeColor="Black"></asp:RequiredFieldValidator>
        </td>
    </tr>
     <tr>
        <td width="90" class="auto-style1">产品名称</td>
        <td class="auto-style1">
            <asp:TextBox ID="product_name" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_name" runat="server" ErrorMessage="?请输入名称" ControlToValidate="product_name"></asp:RequiredFieldValidator>
       </td>
    </tr>
       <tr>
        <td width="90">产品价格</td>
        <td>
            <asp:TextBox ID="product_price" runat="server" TextMode="Number"></asp:TextBox>
            <asp:RequiredFieldValidator ID="reg_price" runat="server" ErrorMessage="?请输入价格" ControlToValidate="product_price"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td width="90">产品型号</td>
        <td>
            <asp:TextBox ID="product_model" runat="server"></asp:TextBox><asp:RequiredFieldValidator ID="reg_mod" runat="server" ErrorMessage="?请输入型号" ControlToValidate="product_model" Width="100px"></asp:RequiredFieldValidator>
&nbsp;
            <asp:FileUpload ID="selectfile" runat="server" ToolTip="请选择文件" />
        </td>
    </tr>
    <tr>
        <td width="90">产品描述</td>
        <td>

            <asp:TextBox ID="product_introduce" runat="server" Width="524px" TextMode="MultiLine" Height="24px"></asp:TextBox>
        </td>
    </tr>
     </asp:Repeater>
</table>

时间: 2024-07-28 15:00:33

asp.net-ASP.NET动态添加节点 实现每次单击动态生table中的行列的相关文章

asp.NET的这个系统的treeview点击后出现的不同模块不同控件,是怎么实现的,是不是通过动态添加控件,可是动态添加控件怎么设置控件的后台代码呢???

问题描述 asp.NET的这个系统的treeview点击后出现的不同模块不同控件,是怎么实现的,是不是通过动态添加控件,可是动态添加控件怎么设置控件的后台代码呢??? 解决方案 解决方案二:把10几年前的这个最基本的入门教程()中的例子全都做一遍,然后再问.解决方案三:引用1楼sp1234的回复: 把10几年前的这个最基本的入门教程()中的例子全都做一遍,然后再问. 果然是大神解决方案四:想必楼主说的是通过treeview实现菜单导航吧,给你一个实例参考

dtree:dtree重写 动态添加节点

dTree.prototype.show = function(did){      var aNodesData = this.aNodes;  //    alert(aNodesData);      this.aNodes=new Array();      this.aIndent=new Array();      // Dump original data to aNode array      for(var i=0;i<aNodesData.length ; i++){    

easyui accordion动态添加节点Tree事件无效的问题

问题描述 前台代码如下:<divdata-options="region:'west',title:'功能模块'"style="width:180px"><divid="list"class="easyui-accordion"data-options="fit:true"><divtitle="静态写好的"><ulclass="eas

updatepanel动态添加控件触发后动态添加的控件消失

问题描述 直接上代码前台代码<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="TestControlAdd.aspx.cs"Inherits="TestControlAdd"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/

动态添加 iew不可重叠-android动态添加View并位置随机

问题描述 android动态添加View并位置随机 解决方案 1.添加view直接采用addview就可以了2.可以采用RelativeLayout或者framelayout布局方式,这上面添加的组件可以通过设置left和top或者设置leftmargintopmargin也行,实现绝对定位3.组件不重叠需要自己记录下来一个rect集合,在添加的时候进行判断添加的view是否会重叠.以及可以添加的坐标. 解决方案二: http://embed.21ic.com/software/android/

如何获取动态添加的tabpage里每个动态添加的文本框的值啊!!!

问题描述 解决方案 解决方案二:直接遍历tabpage.controls就行解决方案三:我也在弄这个啊,就是不好搞,俺用的还是富文本框,每个page里的内容是加载的一个小窗体!求如何获取!解决方案四:for(inti=0;i<tabpage.Controls.Count;i++){if(tagpage.Controls[i]isTextBox){//dosth}} 解决方案五:tabpage.Controls.OfType<RichTextBox>().FirstOrDefault().

WPF中动态添加控件

问题描述 前提:在VS2008中用WPF(XAML)开打Window窗体内容:如何实现动态添加控件,比如动态添加3列,第一列是ComboBox,第二列是ComboBox,第三列是图片Button(这列你们可以不用关心,我用的是模板)我的思路是在ListView中实现,代码如下XAML的代码:<ListViewGrid.Row="3"Margin="0,5,0,0"Name="lvSelEdit"ItemContainerStyle=&quo

javascript动态添加checkbox复选框的方法_javascript技巧

本文实例为大家介绍了javascript如何动态添加checkbox复选框: 在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果. 单纯的创建一个复选框是很容易的,代码如下: var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id"

jquery动态添加option选项

 jquery动态添加option选项,还有动态删除的方法,大家参考使用吧 jquery动态添加option   js动态添加option 代码如下: var sel= document.getElementById("Selected1");  sel.options.add(new Option("请选择","")); sel.options.add(new Option("name","id"));