Блог

У меня есть объект со следующими атрибутами

  public class DimensionElement
{
    public string Element { get; set; }
    public string Term { get; set; }
}
  

Затем я создал шаблон редактора для использования в частичном представлении. Ниже приведены шаблоны редактора.

DimensionElement.ascx

     <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Navigate.Domain.Entities.DimensionRepresentationEntities.DimensionElement>" %>

<input type="button" id="<%:Model.Term%>" value="<%:Model.Element%>" class="dimensionElement" style="width: 100px"/>

Here is another template to deal with an IEnumerable of dimensionElement:

DimensionElements.ascx

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Navigate.Domain.Entities.DimensionRepresentationEntities.DimensionDescriptions>" %>
<table>
<tr>
<% var counter = 0; %>
<% foreach (var dimElement in Model.DimensionElements)
   { %>
   <td>
      <%:Html.EditorFor(m => dimElement)%>
   </td>

   <% counter  ;
      if (counter == 5)
      {%>
        </tr><tr> 
      <%
          counter = 0;
      }
   } %>
</tr>
</table>
  

А теперь фрагмент из моего частичного представления:

  <%:Html.EditorFor(x => Model.DimensionElements)%>

<script type="text/javascript">
      $(document).ready(function () {  
        $('.dimensionElement').click(function () {

            alert(this.val()   " clicked");

        });
    });

</script>
  

Мой вопрос в том, что мне интересно, почему я не могу запустить функцию щелчка. Я смотрю на источник, и класс прикреплен к каждой из моих кнопок.

Попробуйте это:

 alert($(this).val()   " clicked");