2017-05-16 23 views
1

我在我的網站中使用引導,我從json文件填充我的表,我怎麼能得到所選行的所有數據?雙擊引導表充滿了json

這裏是我的代碼:

<?php 
$sql = "select * from choisir where Etudiant_Matricule='".$idEquipe."' order by ordre asc"; 
$result = mysqli_query($conn, $sql) or die("Error in Selecting " . mysqli_error($conn)); 
while($row =mysqli_fetch_assoc($result)) { 
    $emparray3[] = $row; 
} 
$json_data = json_encode($emparray3); 
file_put_contents('tables/fichedevoeux.json', $json_data); ?> 

<table data-toggle="table" data-url="tables/fichedevoeux.json" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc"> 
<thead> 
    <tr>    
     <th data-field="Code" data-sortable="true">Code</th> 
     <th data-field="Titre" data-sortable="true">Titre</th> 
     <th data-field="Specialite" data-sortable="true">Spécialité</th> 
     <th data-field="Technologie" data-sortable="true">Technologie</th> 
     <th data-field="Outil" data-sortable="true">Outils</th> 
     <th data-field="Promotion_ID" data-sortable="true">Promotions_ID</th> 
     <th data-field="Validation" data-sortable="true">Validation</th>         
    </tr> 
</thead> 
</table 

我已經試過,但它不工作

$('tr').on('dblclick', function() { 
    alert('row clicked'); 
}); 
+0

您能否提供一個表格,其中包含一些已填充的示例數據,以便了解表格的最終結構? –

+0

https://img4.hostingpics.net/pics/180053Sanstitre.png – Aymen

回答

1

我找到了解決方案,謝謝。

var $result = $('#eventsResult');   
$('#eventsTable') 
.on('dbl-click-row.bs.table', function (e, row, $element) { 
    $result.text('Event: dbl-click-row.bs.table'); 
    console.log(row); 
    console.log($element); 
}); 

'eventsResult'是表的ID。

0

您可以使用$(this)在事件處理程序來獲取點擊的元素,並從去那裏。

E.g.橫向臺頭

$('tr').on('dblclick', function() { 
    $(this).find("th").each(function() { 
     console.log($(this).attr("data-field")); 
    }); 
}); 
+0

它的作品,現在我怎麼知道我在哪一排!因爲我沒有標籤的ID。例如,我想將所選行的所有數據保存在表中。 – Aymen

+0

$(this)是事件偵聽器觸發的元素。所以雙擊的tr元素。不需要定義ID的。 –

0

一開始,我懷疑你會想雙擊表頭,所以你可能會想:

$('tbody tr').on('dblclick', function() { 
    // what do you need here? 
    var fullHtml = $(this).html(); 
    // want a data tag? 
    var dataTag = $(this).data("whatevertag"); 
}); 

這是我們所盡我們所能回答沒有任何額外的信息。