日期:2014-05-18  浏览次数:20530 次

后台获取前台table里的值
我用javascript在前台表格里新增了行,但是我怎么能把这些新增的行里的数据写到后台去?我在后台写保存方法,需要取到前台table里所有单元格的值:
附上我js的代码和前台代码:
JScript code

//动态增加行
    function  addRow()
    {
        var tab=document.getElementById("table2");
        
        var tabrow=tab.rows.length;
        
       //创建行
        var _tr=tab.insertRow();
        
        //创建第一列
        var _tdId=_tr.insertCell(0);
        //第一列赋值
        _tdId.innerHTML = tabrow;
        //创建第二列
        var _tdDate=_tr.insertCell(1);
        //第二列赋值(日期)
        _tdDate.innerHTML=getDate();
        //创建第三列
        var _tdAuthor=_tr.insertCell(2);
        _tdAuthor.innerHTML="<input type='text' id='ColAuthor"+tabrow+"' class='input' size='10' >";
       //创建第四列
        var _tdMoney =_tr.insertCell(3);
        _tdMoney.innerHTML="<input type='text' id='ColMoney"+tabrow+"' class='input' size='10' >";
        //创建第五列
        var _tdPayment=_tr.insertCell(4);
        _tdPayment.innerHTML="<input type='text' id='ColPayment"+tabrow+" 'class='input' size='28' >";
    
    }

    //获取日期
    function getDate()
    {
        var mydate=new Date();
        var _year=mydate.getFullYear();
        var _month=mydate.getMonth()+1;
        var _day=mydate.getDate();
        
        var currentDate= _year+"-"+_month+"-"+_day;
        
        return currentDate;  
    }


HTML code

    <form id="form1" runat="server">
    <div>
        <table width="600px">
            <tr>
                <td>
                <input type="button" id="btnaddrow" onclick="addRow();" value="增加行"/>
                <asp:Button ID="btnSave" runat="server" Text="保存" onclick="btnSave_Click" />
                         
                                   </td>
            </tr>
            <tr>
                <td style="width:100%;">
                    <table id="table2" width="100%" border="#035A95 1px solid;" cellpadding="">
                        <tr>
                            <td id="ColId" Width="60px;" align="center"> 序号</td>
                            <td id="ColDate" Width="120px" align="center">审核时间</td>
                            <td id="ColAuthor" Width="120px" align="center"> 提起人</td>
                            <td id="ColMoney" Width="100px" align="center"> 金额</td>
                            <td id="ColPayment" Width="200px" align="center">审核依据</td>
                        </tr>
                     </table>
                 </td>
            </tr>
        </table>
    </div>
    </form>




------解决方案--------------------
你可以参考
http://dotnet.aspx.cc/file/Save-Xml-Using-GridView.aspx
里面的js设置方法和后台的获取方法
------解决方案--------------------
你不用ajax 也是,在页面放一个隐藏控件,hidden,

给按钮增加一个 onclientclick事件 也就是在提交的时候先执行一个js方法。
在这个js方法里面 你按照他们前面说的把这个数据表里的数据取出来然后组装(这儿怎么组装后台就怎么拆开)成一个字符串,然后复制给hidden控件。
然后再后台btnSave_Click 事件中获取这个hidden的值,这样就就获取到这个table里面的数据了