Databases
StackOverflow2013
Postsdbo
POPassing tables from C# code behind to a javascript function
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPassing tables from C# code behind to a javascript function
    primarykey
    data
    text
    <p>I have a user control that is part of an update panel. The user control is a heading( tag) and a asp Table. The asp:Table is defined in the ascx file only with the headers. The contents of this table are updated dynamically from the code behind by reading a csv file. This set up is within an Update panel which updates every minute. After every minute the csv file gets updated and hence the table needs to be updated.</p> <p>Here is the tricky part. Before the table is I updated I need to save a copy of the old table and then update the new table. Once the new table is updated and the page is about to be loaded I need to call a javascript function from in the page_load handler and pass the two tables. Inside the javascript function I need to compare the old table and the new table cell by cell and do some work based on the result of the comparison.</p> <p>Here is how I copy the data from the table to another table before updating it.</p> <pre><code>TableCell tableCell; TableRow tableRow; for (int i = 0; i &lt; Table1.Rows.Count; i++) { tableRow = new TableRow(); for (int j = 0; j &lt; Table1.Rows[i].Cells.Count; j++) { tableCell = new TableCell(); tableCell.Text = Table1.Rows[i].Cells[j].Text; tableRow.Cells.Add(tableCell); } oldTable.Rows.Add(tableRow); } </code></pre> <p>But for some reason when I pass the tables to the javascript function and access the cells in javascript I see only the headers and not any values in the old table. But when I access the cells in my code behind itself I can see the values.</p> <p>My HTML is </p> <pre><code>&lt;table id="ContentPlaceHolderBody_ContentPlaceHolderBody_TradxPriceTable_5_oldTable" ClientID="oldTable"&gt; &lt;tr&gt; &lt;td colspan="3"&gt;6M EURIBOR&lt;/td&gt; &lt;td colspan="3"&gt;6M EURIBOR&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td&gt;Instr&lt;/td&gt; &lt;td&gt;Bid&lt;/td&gt; &lt;td&gt;Ask&lt;/td&gt; &lt;td&gt;Instr&lt;/td&gt; &lt;td&gt;Bid&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td colspan="3"&gt;BASIS 3s6s&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;Instr&lt;/td&gt; &lt;td&gt;Bid&lt;/td&gt; &lt;td&gt;Ask&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>My javascript is </p> <pre><code>function foo(table1,table2) { var oldTable = document.getElementById(table1); var newTable = document.getElementById(table2); alert(oldTable.rows[2].cells[1].innerHTML+" "+newTable.rows[2].cells[1].innerHTML); } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRune FS
    1. USSai
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COcan you post a (snippet of) the generated html and the JavaScript pls
      singulars
      1. POPassing tables from C# code behind to a javascript function
      1. USRune FS
    2. COIs oldTable.Visible="false"? If so, it would not be accessible by JavaScript on the client-side, but would be accessible on the server-side.
      singulars
      1. POPassing tables from C# code behind to a javascript function
      1. USCM Kanode
    3. CO@CMKanode : Visible is not false.
      singulars
      1. POPassing tables from C# code behind to a javascript function
      1. USSai
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload