知识大全 asp.net后台获取js表格的数据

Posted 2022-07-17 表格

篇首语：节俭是致富的秘诀。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 asp.net后台获取js表格的数据相关的知识，希望对你有一定的参考价值。

　　前台:

　　代码

　　 <%@ Page Language= C# AutoEventWireup= true CodeFile= Default aspx cs Inherits= _Default %>

　　 <!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >

　　 < xmlns= >

　　 <title>获取前台js表格的数据</title>

　　 <style type= text/css ><!

　　 dis ime

　　 ime mode:disabled;

　　 </style>

　　 </head>

　　 <body>

　　 <h >使用客户端添加表格的保存</h >

　　 <p>

　　主是就是在提交到服务器之前处理好表格里的信息然后赋值给hidden<br />

　　 to mqtheone:这里我设置最后一列只能输入数字了你可以参考一下

　　 </p>

　　 <div>

　　 <tr>

　　 </tr>

　　 <tr>

　　 </tr>

　　 </table>

　　 <asp:Button ID= Button runat= server Text= 提交 OnClientClick= initData();

　　 onclick= Button _Click />

　　 <asp:HiddenField ID= HiddenField

　　 runat= server />

　　 </div>

　　 </form>

　　 </body>

　　 <script type= text/javascript ><!

　　 var $=function()return document getElementById(arguments[ ]);;

　　 var check=function(e)

　　 return e keyCode<= && e keyCode>=

　　 $( btnAddInfo ) onclick=function()

　　 var tb=$( tab );//to mqtheone:这里你可用服务器那个table的id 或者查找页面的第一个table

　　 var row=tb insertRow(tb rows length);

　　 for(var i= ;i< ;i++)

　　 var td=row insertCell(i);

　　 td innerHTML= <input type= text /> ;

　　 row insertCell(row cells length) innerHTML= <input type= text class= dis ime onkeypress= return check(event) /> ;//样式表禁用输入法再过滤再数字字符还没有禁用粘贴

　　 row insertCell(row cells length) innerHTML= <input type= button onclick= return remove(this) value= 移除 /> ;

　　 var remove=function(obj)

　　 var tr=obj parentNode parentNode;

　　 tr parentNode removeChild(tr);

　　 var initData=function()

　　 var tb=$( tab );

　　 var data=[];

　　 for(var i= ;i<tb rows length;i++)

　　 if(tb rows[i] cells[ ] firstChild value length> && tb rows[i] cells[ ] firstChild value length> ) //将两个文本框里值不为空的项添加到数组假设只有前两列的数据不能为空

　　 data push(tb rows[i] cells[ ] firstChild value);

　　 //else 这里可以给个提示说数据没填完整是否提交否则return false

　　 $( HiddenField ) value=data join( ` );//使用这个比较不常用的字符将数组拼接成字符串

　　 return true;

　　 ;

　　 //这里可以增加一个方法判断 hidden是否为空如果不为空获取数据遍历添加到表格中

　　 // ></script>

　　 </>

　　 <%@ Page Language= C# AutoEventWireup= true CodeFile= Default aspx cs Inherits= _Default %>

　　 <!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >

　　 < xmlns= >

　　 <title>获取前台js表格的数据</title>

　　 <style type= text/css ><!

　　 dis ime

　　 ime mode:disabled;

　　 </style>

　　 </head>

　　 <body>

　　 <h >使用客户端添加表格的保存</h >

　　 <p>

　　主是就是在提交到服务器之前处理好表格里的信息然后赋值给hidden<br />

　　 to mqtheone:这里我设置最后一列只能输入数字了你可以参考一下

　　 </p>

　　 <div>

　　 <tr>

　　 </tr>

　　 <tr>

　　 </tr>

　　 </table>

　　 <asp:Button ID= Button runat= server Text= 提交 OnClientClick= initData();

　　 onclick= Button _Click />

　　 <asp:HiddenField ID= HiddenField

　　 runat= server />

　　 </div>

　　 </form>

　　 </body>

　　 <script type= text/javascript ><!

　　 var $=function()return document getElementById(arguments[ ]);;

　　 var check=function(e)

　　 return e keyCode<= && e keyCode>=

　　 $( btnAddInfo ) onclick=function()

　　 var tb=$( tab );//to mqtheone:这里你可用服务器那个table的id 或者查找页面的第一个table

　　 var row=tb insertRow(tb rows length);

　　 for(var i= ;i< ;i++)

　　 var td=row insertCell(i);

　　 td innerHTML= <input type= text /> ;

　　 row insertCell(row cells length) innerHTML= <input type= text class= dis ime onkeypress= return check(event) /> ;//样式表禁用输入法再过滤再数字字符还没有禁用粘贴

　　 row insertCell(row cells length) innerHTML= <input type= button onclick= return remove(this) value= 移除 /> ;

　　 var remove=function(obj)

　　 var tr=obj parentNode parentNode;

　　 tr parentNode removeChild(tr);

　　 var initData=function()

　　 var tb=$( tab );

　　 var data=[];

　　 for(var i= ;i<tb rows length;i++)

　　 if(tb rows[i] cells[ ] firstChild value length> && tb rows[i] cells[ ] firstChild value length> ) //将两个文本框里值不为空的项添加到数组假设只有前两列的数据不能为空

　　 data push(tb rows[i] cells[ ] firstChild value);

　　 //else 这里可以给个提示说数据没填完整是否提交否则return false

　　 $( HiddenField ) value=data join( ` );//使用这个比较不常用的字符将数组拼接成字符串

　　 return true;

　　 ;

　　 //这里可以增加一个方法判断 hidden是否为空如果不为空获取数据遍历添加到表格中

　　 // ></script>

　　 </>

　　后台获取

　　代码

　　 using System;

　　 using System Configuration;

　　 using System Data;

　　 using System Linq;

　　 using System Web;

　　 using System Web Security;

　　 using System Web UI;

　　 using System Web UI HtmlControls;

　　 using System Web UI WebControls;

　　 using System Web UI WebControls WebParts;

　　 using System Xml Linq;

　　 public partial class _Default : System Web UI Page

　　 protected void Page_Load(object sender EventArgs e)

　　 protected void Button _Click(object sender EventArgs e)

　　 if (HiddenField Value != )

　　 string[] datas = HiddenField Value Split( ` );

　　 int i = ;

　　 System Collections Hashtable tb = new System Collections Hashtable();

　　 DataTable dt = new DataTable();//取出数据放进DataTable

　　 dt Columns Add( Name typeof(string));

　　 dt Columns Add( Content typeof(string));

　　 dt Columns Add( Value typeof(int));

　　 while (i < datas Length)

　　 string str =datas[i];//这样就取出数据了

　　 string str = datas[i + ];

　　 int v = ;

　　 int TryParse(str out v);

　　 DataRow dr = dt NewRow();

　　 dr[ Name ] = str ;

　　 dr[ Content ] = str ;

　　 dr[ Value ] = v;

　　 dt Rows Add(dr);

　　 i += ;

　　 Response Write( 数据行数为 +dt Rows Count);

cha138/Article/program/net/201311/12247