получить значение из гладкой таблицы сетки

Вот как выглядит моя гладкая сетка. и строки добавляются в функцию. Как я могу написать функцию на 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>

javascript slickgrid
person XXDebugger    schedule 18.06.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я никогда не использовал 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/

person Fábio Duque Silva    schedule 18.06.2015
comment
На самом деле у меня есть еще один класс ‹div class = slick-cell l0 r0 cell-title›, который тоже выбирается - person XXDebugger; 19.06.2015
comment
Ну да, потому что обе ячейки имеют классы .l0.r0, поэтому они выбираются. Может быть, тебе стоит попытаться лучше объяснить, чего ты пытаешься достичь. (Этот новый .cell-title появится только в этой строке или во всех?) - person Fábio Duque Silva; 19.06.2015

arrow_upward
0
arrow_downward

вам нужен первый столбец в каждой строке. Почему бы не использовать встроенные функции slickgrid вместо jquery?

person Saransh Kataria    schedule 04.07.2015