Question

如何将以下自定义div结构添加到dxDataGrid单元格（或cellTemplate）：

<div class="some_class_1" id="some_id">
  <div class="some_class_2">some_text</div>
</div>.

我必须通过它的唯一ID（＆＃39; some_id＆＃39;在一个示例中）访问这些div中的任何一个。

我试试这个：

cellTemplate: function (container) {
   $('<div/>').attr('id', 'some_id').addClass('some_class_1')
   .add("div").addClass('some_class_2').text('some_text')
   .appendTo(container);
}

......那是行不通的。

很高兴看到片段。提前完成。

Answer 1

你必须放置新元素并将其返回：

cellTemplate: function (container) {
   return $('<div/>').attr('id', 'some_id'+$(container).index()).addClass('some_class_1')
   .append($("<div>").addClass('some_class_2').text('some_text'))
   .appendTo(container);
}

Answer 2

Jai解决方案有效。这个替代方案也很好用：

cellTemplate: function (container) {
     $("<div>")
      .addClass('some_class_2')
      .text('some_text')
      .appendTo($('<div>')
                         .attr('id', 'some_id')
                         .addClass('some_class_1')
                         .appendTo(container));

}

如何通过id添加自定义div结构到devExpress dxDataGrid单元格？

2 个答案: