Question

这就是我的光滑网格表的样子。并在函数上添加行。如何在js中编写函数以从每个类中获取slick-cell l0 r0值。所以我想获得temp,temp2, sss and test33值

我是这个光滑网格的新手，所以任何帮助都会非常感激。

  <div class="grid-canvas" style="height: 206px; width: 390px;">
    <div class="ui-widget-content slick-row even" style="top:0px">
        <div class="slick-cell l0 r0">temp</div>
        <div class="slick-cell l1 r1">test group</div>
        <div class="slick-cell l2 r2 edit-column"></div>
        <div class="slick-cell l3 r3 delete-column"></div>
    </div>
    <div class="ui-widget-content slick-row odd" style="top:25px">
        <div class="slick-cell l0 r0">temp2</div>
        <div class="slick-cell l1 r1">test g 2 </div>
        <div class="slick-cell l2 r2 edit-column"></div>
        <div class="slick-cell l3 r3 delete-column"></div>
    </div>  
    <div class="ui-widget-content slick-row even" style="top:100px">
        <div class="slick-cell l0 r0">sss</div>
        <div class="slick-cell l1 r1">sss</div>
        <div class="slick-cell l2 r2 edit-column"></div>
        <div class="slick-cell l3 r3 delete-column"></div>
    </div>

    <div class="ui-widget-content slick-row odd" style="top:125px">
        <div class="slick-cell l0 r0">test33</div>
        <div class="slick-cell l1 r1">test33</div>
        <div class="slick-cell l2 r2 edit-column"></div>
        <div class="slick-cell l3 r3 delete-column"></div>
    </div>
</div>

Answer 1

我从未使用过slickgrid，我不知道你是否有任何内置函数可以帮助你，但如果你可以使用普通的jQuery，你可以尝试这样：

var output = $(".slick-row").find(".l0.r0").map(function () {
  return $(this).text();
}).get();

console.log(output);

// Output will be
// Array[4]
//   0: "temp"
//   1: "temp2"
//   2: "sss"
//   3: "test33"

检查此jsFiddle并打开控制台以查看结果：

https://jsfiddle.net/fabio_silva/5n3s6hra/

Answer 2

你想要每一行的第一列。为什么不使用slickgrid的内置函数而不是jquery？

从光滑的网格表中检索值

2 个答案: