使用Codeigniter表库时将数据传递到Twitter Bootstrap Modal

时间:2016-06-28 23:17:04

标签: php mysql twitter-bootstrap codeigniter modal-dialog

我的代码存在问题。

我目前正在通过数据库加载我的帐户列表,并使用Codeigniters库生成一个表格。

$this->load->library('table');

$this->db->select('firstname, lastname, accountname, registerdate, birthdate, email');
$this->db->from('accounts');

$query = $this->db->get();

$template = array('table_open' => '<table class="table table-striped table-hover">');
$headings = array( 'Fornavn', 'Efternavn', 'Brugernavn', 'Registeringsdato', 'Fødselsdag', 'Email');
$this->table->set_template($template);
$this->table->set_heading($headings);

return $this->table->generate($query);

我想点击表格行时打开一个模态。我唯一的头脑是我如何传递任何数据,如userid,打开模态?我可以更改表模板以打开模态,但我无法弄清楚如何传递数据。由于数据应该是一个从行到行变化的id,如果你抓住了我的漂移。

我希望有一些聪明的大脑可以帮助我!

祝你好运 OrKarstoft

2 个答案:

答案 0 :(得分:0)

id初始化一些'table-open'。然后在表准备插入属性时在视图端使用jQuery。试试这个:

//controller

$template = array('table_open' => '<table class="table table-striped table-hover" id="myTable">');

//view

$(document).ready(function(){
    $("#myTable tr").each(function(index){
        $(this).attr('id', 'row_' + index);
    });
});

答案 1 :(得分:0)

您需要在javascript视图中执行此操作!

基本概念:

  • 将单击侦听器附加到表行。
  • 使用data-或DOM遍历上的<tr>标记来收集您要发送给模式的行数据。
  • 将数据写入模态模板
  • 显示模态。

我为你准备了一个jsFiddle以说明所有部分。 Working Example

要使用codeigniter表库将额外的标记添加到行中,您将不得不改变生成表格的方式。

foreach($query as $row)
{
    $this->table->add_row('see codeigniter docs');
}
$this->table->generate();

Codeigniter add_row() Documentation