Javascript Array Question

[javascript]

I have a DataTable that I created in C# that looks like.

Column1 - Column2 - Column3
1 - a - b
2 - c - d
3 - e - f

Now if I want to get the value of column 3 with id 3 I simply need to
do something like this (pseudo-code):

string value = dt.rows[3]["Column3"].ToString();

Is there a javascript object that mimics this same functionality? I am
going to use my C# DataTable to create a javascript object that I can
use for client-side functionality before posting back to the server.

Thanks in advance,

- will

[beseecher]

ja********@willasrari.com wrote:

I have a DataTable that I created in C# that looks like.

Column1 - Column2 - Column3
1 - a - b
2 - c - d
3 - e - f

Now if I want to get the value of column 3 with id 3 I simply need to
do something like this (pseudo-code):

string value = dt.rows[3]["Column3"].ToString();

Is there a javascript object that mimics this same functionality? I am
going to use my C# DataTable to create a javascript object that I can
use for client-side functionality before posting back to the server.

Thanks in advance,

- will

Using row and cell indexes you can try:

myTable.rows[3].cells[2].innerHTML - extracts all of the HTML in the
referenced table cell. If it is only text, innerHTML will contain the
text only.

[javascript]

Thank you so much. I will give this a try.

- will

[javascript]

Nice! At least I now have proof-of-concept.

[Lee]

be*******@gmail.com said:

>
ja********@willasrari.com wrote:

>I have a DataTable that I created in C# that looks like.

Column1 - Column2 - Column3
1 - a - b
2 - c - d
3 - e - f

Now if I want to get the value of column 3 with id 3 I simply need to
do something like this (pseudo-code):

string value = dt.rows[3]["Column3"].ToString();

Is there a javascript object that mimics this same functionality? I am
going to use my C# DataTable to create a javascript object that I can
use for client-side functionality before posting back to the server.

Thanks in advance,

- will

Using row and cell indexes you can try:

myTable.rows[3].cells[2].innerHTML - extracts all of the HTML in the
referenced table cell. If it is only text, innerHTML will contain the
text only.

Unless you plan to display the data on the page in a table, that's
a really horrible way to emulate a 2-dimensional array.

myArray= [ [ "a", "b" ],
[ "c", "d" ],
[ "e", "f" ]
];
alert(myArray[1][0]);

Note that Javascript arrays are indexed beginning at zero, so
the alert() above would display "c".
--

[beseecher]

Lee is correct. You need only a javascript Array if you plan to just
store data for processing etc. The method I suggested is only relevant
if you want to display and then access the data straight from the
generated HTML.

[javascript]

You are both right actually.

The array is ideal but I figured I could just get the value from the
table since the table will be displayed on the page and the information
is static. I rolled my own JavaScript functionality to drag child
nodes and place them in a different parent. It's used for grouping.
The table lets me retrieve values for calculations and restrict
dropping in certain parent nodes.

Pretty fun stuff actually!

I actually do have one more question. I created a 4th colum and
included an HTML hidden field input. This is programmatically created
in my databound asp.net Repeater web control. So when viewing the HTML
source you would see:

<tr>
<td><input type="hidden" id='itemId_46' value='1' /></td>
<td>1</td>
<td>0.2</td>
<td>0.3</td>
</tr>

<tr>
<td><input type="hidden" id='itemId_55' value='2' /></td>
<td>2</td>
<td>0.201</td>
<td>0.303</td>
</tr>

Now this is where it kind of gets tricky. I figure there will be
anywhere from 20 - 60 items listed at any given time. In the initial
post I wrote that the far left column had values of 1, 2, 3, etc...
This won't always be the case as some days the customer will edit
groupings with items starting at 61 - 120. So the far left column
should really show 61 - 120. And even if starting at 61 it's not
certain that the id's will be sequential (i.e. 61, 63, 76, 88, 101,
120, etc...).

My question has now grown to this: Is it possible to get the
row[index] based on finding the element itemId_55? I get the 55 from
the onDragStartEvent() and could simply concatenate onto
document.getElementById('itemId_" + id).value; I only ask because I
don't want to have to perform a for (i = 0; i < etc.....) loop each
time I want to retrieve values.

I understand that this may sound confusing and I would be willing to
clarify any points of this reply.

I'm really starting to get into JavaScript. It's a wonder why I
haven't used it earlier in my career.

Thanks again!

[beseecher]

ja********@willasrari.com wrote:

>
<tr>
<td><input type="hidden" id='itemId_46' value='1' /></td>
<td>1</td>
<td>0.2</td>
<td>0.3</td>
</tr>

<tr>
<td><input type="hidden" id='itemId_55' value='2' /></td>
<td>2</td>
<td>0.201</td>
<td>0.303</td>
</tr>

My question has now grown to this: Is it possible to get the
row[index] based on finding the element itemId_55?

Every TR element has a property rowIndex reflecting its index value in
the table.rows collection. Similarly, every TD element has a property
cellIndex reflecting its cell index in the table.rows[N].cells
collection.

So this is the code you need:

hiddenElement = document.getElementById("itemId_55");
rowIndex = hiddenElement.parentNode.parentNode.rowIndex;

where hiddenElement is the hidden <INPUTelement whose position we are
seeking.
hiddenElement.parentNode --points to the parent TD element
hiddenElement.parentNode.parentNode --points to the parent TR element

from here:

hiddenElement.parentNode.parentNode.rowIndex yields the rowIndex
through which we can access the row from the table.rows collection.

or here is a one line code for accessing the rowIndex:

document.getElementById("itemId_55").parentNode.pa rentNode.rowIndex;

[javascript]

You have been a life-saver! I think what you just showed me is (at the
time of writing) critical path for obtaining the optimal functionality
I am seeking from this application!

Thanks again!

- will