Как заставить работать href в базовом плагине jquery-bootgrid

Я использую bootgrid-basic, чтобы показать мои данные,

<table id="grid-basic"class="table table-bordered table-striped table-condensed mb-none">
<thead>
<th data-column-id="aa">aa</th>
<th data-column-id="ss"  data-order="desc">ss</th>
<th data-column-id="dd">dd</th>
<th data-column-id="ff">ff</th>
<th data-column-id="aaa">aaa</th>
<th data-column-id="aaaaa" >aaaAa</th>

</tr>
</thead>
<tbody>
@foreach($alldata as $data)
<tr>
<td>{{$data->aa}}</td>
<td><a href="#">{{$data->ss}}</a></td>
<td>0</td>
<td>{{$data->dd}}</td>
<td>{{$data->ff}}</td>
<td><a href="#">ASSSsdf</a></td>
</tr>
@endforeach
</tbody>
</table>

и инициализирован $("#grid-basic").bootgrid(); в сценарии.

Все работает нормально, как поиск, упорядочивание данных, разбиение на страницы, но эти ссылки не видят, чтобы работать.

Если я использую ссылки форматирования работы, а остальные не работает.

$("#grid-basic").bootgrid(
formatters: {
"action": function (column, row)
{
return '<a href=\"/model/' + row.actions + '"\>' +row.actions+ '</a>' ;
}});

Ссылка jsfiddle здесь: http://jsfiddle.net/6xpyxbcg/

2

Решение

В вашем JS отсутствуют скобки, это должно быть bootgrid({ и вам нужно добавить data-formatter="link" к th тег столбца, в котором вы хотите использовать средство форматирования (то есть столбец ссылок).

HTML

 <th data-column-id="link" data-formatter="link" >Received</th>

JQuery

$(function()
{
$("#grid-basic").bootgrid({

formatters: {
"link": function(column, row)
{
return "<a href=\"" + row.link + "\">" + row.link + "</a>";
}
}
}
)
});

Демо в jsFiddle

Постскриптум попробуйте использовать встроенный фрагмент кода в следующий раз, так как есть кнопка одним щелчком, которая позволяет скопировать код в раздел ответов и внести соответствующие изменения.

2

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]