How to dynamically add rows to a table in ASP NET

Question

So today I started learning ASP NET  Unfortunately I haven t found any good tutorials online  and I can t afford to buy books at the moment  so I ve had to create a ASP NET web application in Visual Studio 2010 and just play around with the default project setup   So far here s what I have in my Default aspx    lt    Page Language  C   AutoEventWireup  true  CodeBehind  Default aspx cs  Inherits  WebApplication1  Default    gt    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt    lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head runat  server  gt       lt title gt Project Management lt  title gt   lt  head gt   lt body gt       lt div style  padding-bottom 10px   gt  Project Management System lt  div gt       lt div gt   lt table style  width 100    gt               lt tr gt                   lt td gt Name lt  td gt                   lt td gt Task lt  td gt                   lt td gt Hours lt  td gt               lt  tr gt       lt  table gt  lt  div gt   lt  body gt   lt  html gt    I created a simple table with the header row already in there  Through a C  script  I want to be able to dynamically add rows to this HTML table  Is this the right way of thinking in ASP NET  If so  how can I do this  I m sure I ll need an  Add  button  which adds a new row to the table  with editable fields  and a  submit  button which adds some stuff to a database   Basically just a rundown of how this is done would be ever so helpful  Also if anyone knows any good tutorials or websites that can help me out with things like this  please let me know   Thanks in advance

User · Answer

Dynamically Created for a Row in a Table   See below the Link  http   msdn microsoft com en-us library 7bewx260 v vs 100  aspx

User · Answer

public partial class result   System Web UI Page       static DataTable table1   new DataTable  Shashank        static DataSet set   new DataSet  office          protected void Page Load object sender  EventArgs e                lblEmployeeNumber Text   HttpContext Current Request Form  txtEmployeeNumber            lblFirstName Text   Request Form  txtFirstName            lblLastName Text   Request Form  txtLastName            lblTitle Text   Request Form  txtTitle             Int32 Rcount   Convert ToInt32 table1 Rows Count            if  Rcount    0                         table1 Columns Add  ID                table1 Columns Add  FName                table1 Columns Add  LName                table1 Columns Add  Title                table1 Rows Add lblEmployeeNumber Text  lblFirstName Text  lblLastName Text  lblTitle Text               set Tables Add table1                     else                       if  lblEmployeeNumber Text                                      DataRow dr   table1 NewRow                    dr  ID     lblEmployeeNumber Text                  dr  FName     lblFirstName Text                  dr  LName     lblLastName Text                  dr  Title     lblTitle Text                  table1 Rows Add dr                                    gvrEmp DataSource   set          gvrEmp DataBind

User · Answer

in addition to what Kirk said I want to tell you that just  playing around  won t help you to learn asp net  and there is a lot of free and very good tutorials   take a look on the asp net official site tutorials and on 4GuysFromRolla site

User · Answer

You need to get familiar with the idea of  Server side  vs   Client side  code  It s been a long time since I had to start  but you may want to start with some of the video tutorials at http   www asp net    Two things to note  if you re using VS2010 you actually have two different frameworks to chose from for ASP NET  WebForms and ASP NET MVC2  WebForms is the old legacy way  MVC2 is being positioned by MS as an alternative not a replacement for WebForms  but we ll see how the community handles it over the next couple of years  Anyway  be sure to pay attention to which one a given tutorial is talking about

User · Answer

lt html gt   lt head gt     lt title gt Row Click lt  title gt     lt meta http-equiv  Content-Type  content  text html  charset UTF-8    gt     lt script src  https   ajax googleapis com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt     lt script gt          function test                alert  test                  document  ready function            var row   lt tr onclick  test    gt  lt td  gt Value 4 lt  td gt  lt td gt Value 5 lt  td gt  lt td gt Value 6 lt  td gt  lt  tr gt                myTable   append row          lt  script gt   lt  head gt   lt table id  myTable   gt   lt th gt Column 1 lt  th gt  lt th gt Column 2 lt  th gt  lt th gt Column 3 lt  th gt   lt tr onclick  test    gt       lt td  gt Value 1 lt  td gt       lt td gt Value 2 lt  td gt       lt td gt Value 3 lt  td gt   lt  tr gt   lt  table gt   lt  html gt

User · Answer

You need to use JavaScript in your HTML and make sure you are using forms so that  You may finally serialize the data using Ajax method to push the data from HTML into database

User · Answer

You can use the asp Table in your web form and build it via code    http   msdn microsoft com en-us library 7bewx260 aspx  Also  check out asp net for tutorials and such

User · Answer

ASP NET WebForms doesn t work this way   What you have above is just normal HTML  so ASP NET isn t going to give you any facility to add remove items   What you ll want to do is use a Repeater control  or possibly a GridView   These controls will be available in the code-behind   For example  the Repeater would expose an  Items  property upon which you can add new items  rows    In the code-front  the  aspx file  you d provide an ItemTemplate that stubs out what the body rows would look like   There are plenty of tutorials on the web for repeaters  so I suggest you google that to obtain further information

User · Answer

Have you attempted the Asp Table    lt asp Table ID  myTable  runat  server  Width  100   gt        lt asp TableRow gt           lt asp TableCell gt Name lt  asp TableCell gt           lt asp TableCell gt Task lt  asp TableCell gt           lt asp TableCell gt Hours lt  asp TableCell gt       lt  asp TableRow gt   lt  asp Table gt      You can then add rows as you need to in the script by creating them and adding them to myTable Rows  TableRow row   new TableRow    TableCell cell1   new TableCell    cell1 Text    blah blah blah   row Cells Add cell1   myTable Rows Add row     Given your question description though  I d say you d be better off using a GridView or Repeater as mentioned by  Kirk Woll   EDIT - Also  if you want to learn without buying books here are a few sites you absolutely need to become familiar with   Scott Guthrie s Blog  4 Guys from Rolla  MSDN  Code Project Asp Net

User · Answer

Link for adding through JS https   www youtube com watch v idyyQ23joy0  Please see the below link as well  This would help you add the rows dynamically on the fly  https   www lynda com C-tutorials Adding-data-HTML-tables-runtime 161815 366843-4 html

[c#] How to dynamically add rows to a table in ASP.NET?

Examples related to c#

Examples related to asp.net

Examples related to visual-studio-2010