Access to jQuery .data() for repeated components

[Derek Hunziker]

Hello,

When I have a component in the view with a basic ID/Name like "MyNumericTextBox" I can access the jQuery object just fine using:

alert($('#MyNumericTextBox').data('tTextBox').value());

However, for repeated controls, my ID structure must match the following:

Item[0].Price
Item[1].Price
Item[2].Price

... but I am unable to access the data object using:

alert($('#Item[0].Price').data('tTextBox').value());
// or
alert($('#' + $('div[name$=Price]').attr('id')).data('tTextBox').value());

Any help would be much appreciated!

Thanks,

-Derek

[Derek Hunziker]

Turns out jQuery does not like square brackets in the ID attribute and it's not valid HTML markup to boot. The solution is to set the ID via the HtmlAttributes setting to something friendly to jQuery:

.Name(String.Format("Item[{0}].Price", rowNum))
.HtmlAttributes(new { id = String.Format("Item_{0}_Price", rowNum) })