title: How to pass parameter to javascript function from kendo <a href=""></a>
body: <p>Here is  the kendo grid I have <code>&lt;href&gt;</code> tag with onclick function().Now I want to pass filename as parameter to my onclick function.I want to pass that file name to the CallAjaxMethod Function as a parameter. How to do ths? </p>
  
  <pre><code>@(Html.Kendo().Grid&lt;MVCAPPModels..AttachmentsModel&gt;()
          .Name("grid")
          .Columns(columns =&gt;
          {   
              columns.Bound(p =&gt; p.FileName).ClientTemplate("&lt;a id='FileName' href='\\#' data-pdfurl='#= FileName #' onclick='CallAjaxMethod('#= FileName #');'&gt;/#= FileName #&lt;/a&gt;");
  
              columns.Bound(c =&gt; c.CreatedDate).Width(70);
              columns.Bound(c =&gt; c.CreatedBy).Width(70);
              columns.Bound(c =&gt; c.UpdatedDate).Width(70);
              columns.Bound(c =&gt; c.UpdatedbBy).Width(70);
          })
  
          .HtmlAttributes(new { style = "height: 350px;" })
          .Scrollable()
          .Groupable()
          .Sortable()
          .Pageable(pageable =&gt; pageable
              .Refresh(true)
              .PageSizes(true)
              .ButtonCount(1))
          .DataSource(dataSource =&gt; dataSource
              .Ajax()
                        .ServerOperation(false)
  
              .Read(read =&gt; read.Action("Customers_Read", "Home"))
          )
  )
  </code></pre>
  
  <p>JavaScript function :</p>
  
  <pre><code>function CallAjaxMethod()
      {
          alert("page! CallAjax");
          $.ajax({
              type: "POST",
              url: "@Url.Action("Submit", "Home")",
              data: { fileName: "/pdfSample.pdf" },
              type: 'GET',
              cache: false,
              success: function (result) {
                          $('#partialView_div').data(result);
              }
          });
      }
  </code></pre>