Как использовать фильтр в представлении Codeigniter после объединения двух таблиц - PullRequest
0 голосов
/ 31 января 2019

Я более свежий в Codeigniter и застрял с основным требованием для отображения фильтра в моем представлении.У меня есть таблица (компании) с деталями участника и другая таблица с именем «счета».Там я сохранил платежные реквизиты каждого участника.Итак, вопрос в том, что я должен собрать данные о всех участниках и участниках, которые пропустили платеж, в одно представление.Я соединил 2 таблицы, чтобы сопоставить идентификатор участника (bh_id) с таблицей учетных записей, поэтому я мог получить информацию о пропущенном члене, когда идентификатор участника отсутствует в учетных записях.У меня есть оба вывода вместе со мной, но вместо того, чтобы отображать это как 2 вида, я хочу отобразить его в одном виде с помощью раскрывающегося фильтра. Мне нравится 1) Все участники 2) Пропущенные участники.

Пожалуйста, смотрите прикрепленные снимки экрана:

TABLE-компании:

enter image description here

TABLE-счета:

enter image description here

Предлагаемый вид:

enter image description here

Теперь давайте посмотрим мой код, что у меня до сих пор.Company_model.php

//Joining accounts to get missed member details in view
public function missed_members(){
    $this->db->select("*");
    $this->db->from("companies");
    $this->db->join('accounts','accounts.bh_id = companies.bh_id','left');
    $this->db->where('accounts.bh_id IS NULL');
    $this->db->group_by('companies.bh_id');
    $query = $this->db->get();
    return $query->result();
}

Company.php (Контроллер)

public function index()
{

    //All Companies
    $data['company_data']= $this->Company_model->companies("companies");
    // Missed Members
    $data['missedmembers'] = $this->Company_model->missed_members();
    $data['tab'] = 'tab1';
    $data["page"] = "companies/company";
    $this->load->view('dashboard', $data);
}

company.php (ПРОСМОТР)

    <section id="main-content">
  <section class="wrapper">
  <!-- page start-->
    <div class="row">
      <div class="col-lg-12">
      <!--breadcrumbs start -->
          <ul class="breadcrumb">
            <li><a href="#"><i class="fa fa-building-o"></i> Accounts</a></li>
            <li><a href="#">Member</a></li>
          </ul>
      <!--breadcrumbs end -->
          <section class="panel">
            <header class="panel-heading"> 
                  <a href="<?= base_url("company/add_company") ?>">
                    <button class="btn btn-primary btn-sm">
                      <i class="fa fa-plus-circle" aria-hidden="true"></i> Add New Member
                    </button>
                  </a> 

               <span class="tools pull-right">
                  <a href="javascript:;" class="fa fa-chevron-down"></a>
                  <a href="javascript:;" class="fa fa-times"></a>
               </span>
               <select>
                 <option>All Members</option>
                 <option>Missed Members</option>
               </select>
            </header>
            <div class="panel-body">
              <section>
                <div class="adv-table">
                <table class="display table table-bordered table-striped" id="dynamic-table">
                  <thead class="cf">
                  <tr>
                      <th>Book No</th>
                      <th>Name</th>
                      <th>Phone</th>
                      <th>Area</th>
                      <th>Staff Name</th>
                      <th>Book Details</th>
                      <th>Edit</th>
                      <th>Delete</th>
                  </tr>
                  </thead>
                  <tbody>
                  <?php 
                  foreach ($company_data as $value)
                    {
                  ?> 
                   <tr>
                     <td>
                        <?= $value->bh_m_id; ?>
                     </td>  
                     <td>
                        <?= $value->bh_name; ?>
                     </td> 
                      <td>
                        <?= $value->bh_phone; ?>
                     </td>
                     <td>
                        <?= $value->bh_area; ?>
                     </td>
                     <td>
                        <?= $value->ca_name; ?>
                     </td>
                     <td>
                        <a href="<?= base_url("accounts/index")?>/<?= $value->bh_id ?>">
                          <button class="btn btn-primary btn-xs">View Book</button>
                        </a>      
                     </td>         
                     <td>

                        <a href="<?= base_url("company/edit") ?>/<?= $value->bh_id ?>">
                           <button class="btn btn-success btn-xs"><span class="glyphicon glyphicon-edit"> </span> Edit</button>
                        </a> 
                     </td>
                     <td>
                        <a href="<?= base_url("company/delete") ?>/<?= $value->bh_id ?>"
                                onclick="return confirm('Do You Really Want To Delete This Record')">
                            <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"> </span> Delete</button> 
                        </a>
                     </td>
                   </tr>
                   <?php 
                    } 
                   ?> 
                </tbody>
              </table>
            </div>
            </section>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>

Пожалуйста, помогите мне добиться этого.Спасибо за помощь:)

1 Ответ

0 голосов
/ 12 февраля 2019

Есть два способа сделать это
Первый с ajax
Второй скрыть и показать

Поскольку вы новичок в Codeigniter, я объясню вам второй
Во-первых, сделайте двадизайн таблицы с соответствующими идентификаторами
используйте

<table style='display:block;' class="table table-bordered table-striped" id="allMember_table">
respective code like you wrote in your view now
</table>

вместо

<table class="display table table-bordered table-striped" id="dynamic-table">

и для пропущенных членов

<table style='display:none;' class="table table-bordered table-striped" id="missedMember_table">
respective code like you wrote in your view now
</table>

Вставьте сейчасвыпадающий код отсюда:

<select onchange="change_view(this.value);">
   <option value="all">All Members</option>
   <option value="missed">Missed Members</option>
</select>

Теперь вставьте функцию javascript отсюда:
вставьте ее в нижней части представления

<script type="text/javascript">

function change_view(value){
  if(value == "all"){
     document.getElementById("allMember_table").style.display = "block";
     document.getElementById("missedMember_table").style.display = "none";
  }else{
     document.getElementById("missedMember_table").style.display = "block";
     document.getElementById("allMember_table").style.display = "none";
  }
}

</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...