我有一个像这样工作的表:http://www.datatables.net/examples/api/editable.html没有标题排序,页面更改和搜索。我有另一个功能,允许我添加一行。所有这些都在同一页面上完成。数据直接从数据库中提取。我编写了代码泛型,因此它可以用于我想要显示的任何表。
然而,我遇到了一个问题。让我们说最终用户希望看到房屋清单。该清单将从房屋数据库中提取。每个房子都有一个主人。还有一张业主表。每个所有者都有一个id(primary_key)。在房屋表中,所有者字段使用所有者的ID来标识正确的所有者。这是问题出现的地方。一旦显示来自房屋表的数据,所有者就会显示为身份证号码。显然,对于最终用户来说,它要么毫无意义,要么至少令人讨厌。在这种情况下,我想拥有所有者的名字,这个字段可以显示而不是“看似”无意义的字段。我正在为我的困境发布相关代码。
另外,我可以通过jQuery更改mySQL布尔值吗?我的意思是,例如,如果房屋没有出租,那么for_rent
标志设置为0
FALSE
。该表将显示0
,因为这是表中的内容。我可以通过jQuery改变它吗? (查找0
或1
并让他们说true
或false
?有关回答这些问题的方向的任何建议都会很棒。谢谢。
以下是相关代码:
PHP显示表:
public function displayTable($table)
{
//connect to DB
$con = mysqli_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);
echo "<table id='table' border='1'>"; //start an HTML table
$dbtable = $table;
$fields =array();
$result = mysqli_query($con, "SHOW COLUMNS FROM ".$dbtable);
//fill fields array with fields from table in database
while ($x = mysqli_fetch_assoc($result))
{
$fields[] = $x['Field'];
}
$fieldsnum = count($fields); //number of fields in array
//create table header from dbtable fields
foreach ($fields as $f)
{
echo "<th>".$f."</th>";
}
//create table rows from dbtable rows
$result = mysqli_query($con, "SELECT * FROM ".$dbtable);
while ($row = mysqli_fetch_array($result))
{
$rowid = $row[$fields[0]];
echo "<tr class='edit_tr' id='".$rowid."'>";
foreach ($fields as $f)
{
echo "<td class='edit_td' data-field='".$f."'><span id='".$rowid."' class='text'>".$row[$f]."</span>
<input type='text' value='".$row[$f]."' class='editbox' id='".$rowid."' data-field='".$f."'/> </td>";
}
$rowid++;
echo "</tr>";
}
echo "</table>"; //close the HTML table
$recordid = $rowid;
//close connection
mysqli_close($con);
}
jQuery to live edit table:
$(document).ready(function()
{
$(".edit_td").click(function()
{
$(this).children(".text").hide();
$(this).children(".editbox").show();
}).children('.editbox').change(function()
{
var table = $('body').attr('id');
var id=$(this).closest('tr').attr('id');
var field=$(this).data('field');
var text=$(this).val();
var dataString = {table:table, id:id, field:field, text:text};
if (field != text)
{
$.ajax({
type: "POST",
url: "classes/table_edit_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
window.location.reload(true);
}
});
}
else
{
alert('Enter something.');
}
});
// Edit input box click action
$(".editbox").mouseup(function()
{
return false
});
// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
});
});
jQuery to live add row:
$(document).ready(function()
{
$(".add").click(function()
{
var fieldArray = [];
var $table = $("#table");
var $lastRow = $table.find("tr:last");
var $dataFields = $lastRow.find("td");
$dataFields.each(function() {
fieldArray.push($(this).attr("data-field"));
});
$("#table").each(function()
{
var $table = $(this);
var id=$('#table tr:last').attr('id');
var $tr = $("#table").children('tr');
var tablename = $('body').attr('id');
var n = $('tr:last td', this).length;
var tds = '<tr class="edit_tr" id="' + id++ + '">';
for(var i = 0; i < n; i++)
{
tds += '<td class="edit_td" data-field="' + fieldArray[i] +
'"><span id="'+ id +'" class="text"> </span><input type="text" class="editbox" id="' +
id + '" data-field="' + fieldArray[i] + '"/> </td>';
console.log('id: ' + id);
}
tds += '</tr>';
var dataString = {table:tablename, id:id};
if($('tbody', this).length > 0)
{
$('tbody', this).append(tds);
$.ajax({
type: "POST",
url: "classes/table_new_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
window.location.reload(true);
}
});
}else {
$(this).append(tds);
}
});
});
});
答案 0 :(得分:1)
你可能希望扩展你的泛型函数来生成html表,以便在必要时包含一个连接的db表,尽管这会变得混乱,所以,当你需要加入2个db表时创建一个新函数。 用于将所有者名称检索到房屋列表中的sql会像(猜测你的字段名称): 从房屋a,房主b中选择a.housename,a.street,a.for_rent,b.name,其中a.owner_id = b.id