1

我无法在以下代码中获取数据属性 (data-scd-editUrl) 的值；

@foreach (var item in Model)
{
    <tr data-pkey="@item.TradeId">
         <td style="text-align:left;vertical-align:top;height:20px;">
        <div style="width:100%;height:100%;overflow:hidden;">
            @Html.DisplayFor(modelItem => item.TradeName)
            </div>
        </td>
        <td class="rowControl hidden" style="text-align:left;vertical-align:top;height:20px;">
         <div style="width:100%;height:100%;overflow:hidden;">
            <img src="@Url.Content("~/Images/Pencil.ico")" style="height:15px;width:15px" title="edit" alt="edit" class="makeRowEditable"
                data-scd-editUrl="@Url.Action("Edit", new { id = item.TradeId})"/> |
            <img src="@Url.Content("~/Images/icon-delete.gif")" style="height:15px;width:15px" title="delete" alt="delete" class="deleteRow"
                data-scd-editUrl="@Url.Action("Delete", new { id = item.TradeId})"/>            
         </div>
        </td>
    </tr>
}

Jquery是；

gridContext.delegate('.makeRowEditable', 'click', function (e) {
    var editUrl = $('this').data("scd-editUrl");
    var row = $(this).parents('tr');
    makeRowEditable(row, editUrl);
    e.preventDefault();
});

使用委托是因为此代码是网格的一行，并且通过 Ajax 为新页面动态重新加载。我在上面的代码中放了一个断点，editUrl 为空。为什么会这样？

4

3 回答 3

5

HTML5 data-* 属性的命名约定如下：

data-scd-edit-url

接着：

$(this).data('scd-edit-url')

如果您不想遵守约定，则不能使用该.data()方法。请改用以下.attr()方法：

$(this).attr('data-scd-editUrl')

还要注意，$('this')显然应该是$(this)。

更新：

正如评论部分所指出的，您还可以使用以下选择器：

$(this).data('scdEditUrl')

与data-scd-editUrl属性。

于 2013-07-10T07:23:51.970 回答
2

这个

  .. data-scd-editurl=...
              //--^---here  

  >>$('this')
  var editUrl = $('this').data("scd-editurl"); //here

应该

  >>$(this)
   var editUrl = $(this).data("scd-editurl"); //here

数据属性不应包含任何大写字母..链接以了解更多信息

更好的方法..

gridContext.delegate('.makeRowEditable', 'click', function (e) {
  var $this=$(this),
      editUrl = $this.data("scd-editurl"),
      row = $this.parents('tr');

  makeRowEditable(row, editUrl);
  e.preventDefault();
});
于 2013-07-10T07:21:56.880 回答
0

删除'，您也可以将其设置为

var editUrl = $(this).attr("data-scd-editUrl");
于 2013-07-10T07:22:16.997 回答