ASP.NET MVC jQuery HTML5数据属性

Question

I have three .cshtml files: _ProductSelection.cstml -> this defines the html table

@model List<..Rate>
<table id="productgrid">
 <thead>
...
</thead>
<tbody>
     @Html.Partial("_ProductRows", Model)
</tbody>
</table>

_ProductRows.cshtml-> this has some attributes added to each tr and td

    @if (Model != null && Model.Count > 0)
    {
        foreach (var rate in Model)
        {
            <tr class="@(rate.IsSelected ? "selected" : "")" data-base="@rate.BaseCharge" data-planname="@rate.PlanName" >
...

ProductSelection.cshtml->actual view call from MVC controller:

    ....
     @Html.Partial("_ProductSelection", Model.Rates)
    ...
    @section scripts {
       ..
        var table = $('#productgrid'),
          tbody = table.find('tbody'),
       ...

     $(function () {
....
     tbody.find('tr').each(function (index, elem) {
                    var self = $(elem),
                        base = parseFloat(self.attr('data-base')),
         .....

This is working code I can access all the data attribute in productSelection.cshtml, which are set in tr tag of _ProductRows.cshtml file. eg data-base, data-planname

The problem is: I added some more data attribute to _ProductRows tr tag, but new data attributes are not visible in ProductSelection.cshtml, when i debug in google chrome and check value of elem it only has data attributes define before, newly added attribute in not in 'attribute' list of elem. In bellow example i don't see newly added data-credit.

<tr class="@(rate.IsSelected ? "selected" : "")" data-base="@rate.BaseCharge" data-planname="@rate.PlanName" data-credit="@rate.Credit" >

I added almost 20 more data attribute, none of them are visible while debugging in chrome. in Rate model I added all these new fields and populated it from values from database.

Answer 1

thank you everyone for response.

I found out the reason why new attributes are not appearing in "elem".

on ProductSelection.cshtml there is one more function which added attributes to tr tag, which overwrites the attributes added in _ProductRows.cshtml.