如何将数据值从数据库设置到 rb-tab 并添加 rb-tab-active

Question

来自玛琅的晚安。我有一个关于如何使用数据库中的数据设置一些 rb-tab 的问题，我想将数据存储在 rb-tab 中。

首先，这是视图"rb-tab"

                    <div class="rb" id="rb-1">
                      <div class="rb-tab" name="f21" data-value="1">
                        <div class="rb-spot">
                          <span class="rb-txt">Sangat Besar</span>
                        </div>
                      </div>
                      <div class="rb-tab" name="f21" data-value="2">
                        <div class="rb-spot">
                          <span class="rb-txt">Besar</span>
                        </div>
                      </div>
                      <div class="rb-tab" name="f21" data-value="3">
                        <div class="rb-spot">
                          <span class="rb-txt">Cukup Besar</span>
                        </div>
                      </div>
                      <div class="rb-tab" name="f21" data-value="4">
                        <div class="rb-spot">
                          <span class="rb-txt">Kurang</span>
                        </div>
                      </div>
                      <div class="rb-tab" name="f21" data-value="5">
                        <div class="rb-spot">
                          <span class="rb-txt">Tidak Sama Sekali</span>
                        </div>
                      </div>
                    </div>

然后，这是控制器

 // ambil data tracer study per id alumni
    $dataTs['row'] = $this->mTracerStudyAlumni->ambil_data_ts_per_id($id_alumni);
    // jika belum mengisi ts, set data 0 untuk tampilan default 
    if($dataTs['row']==null)
    {
      $data['f21'] = 0;
    }
    // jika sudah ada data ts yang disimpan 
    else
    {
      $data['f21'] = $dataTs['row']->f21;
    }

我们希望 $data['f21'] 上的值可以存储到视图中，并在该视图上添加活动类 rb-tab。

我希望您对此情况有任何建议、建议和信息。非常感谢您对此的任何帮助。

Answer 1

也许这可以帮助你

 $(function(){
      $(".rb-tab").find('[data-value=<?= $f21 ?>').addClass( "active" );
    })