8
Bir veri tabanının içeriğini tamamen javascript açısından yaparak değiştirmem gerekiyor. Herhangi bir Ajax çağrısı ile ya da birçok kez okudum. Aslında aşağıdaki komut dosyasını çalıştırın ve tablonun içeriğini değiştirmek hile yapacaktır.jquery.dataTablolar: tamamen içerilen veriler nasıl değiştirilir/aaData?
oTable.fnClearTable();
oTable.fnAddData(R);
oTable.fnAdjustColumnSizing();
ama işe yoktur:
i kullanabilirsiniz düşündük.ve ben alıyorum: Burada
DataTables warning (table id = 'example'): Cannot reinitialise DataTable.
To retrieve the DataTables object for this table, pass no arguments or see the docs for bRetrieve and bDestroy
<html>
<head>
<!--
<script type="text/javascript" src="ressources/json2.js"></script>
<script type="text/javascript" src="ressources/jsonwspclient.js"></script>
-->
<script type="text/javascript" src="ressources/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
jQuery.noConflict(); // absolutely needed for others json libaries... so i use jQuery instead of $
</script>
<script type="text/javascript" language="javascript" src="ressources/jquery.dataTables.js"></script>
<script type="text/javascript">
function s1()
{
var R = [
{"col0":"resultForCol0","co11WithFloatingValue":0.9523809523809523,"col2":"aåaa_utf8","col3WithInt":71},
{"col0":"resultForCol0","co11WithFloatingValue":0.9523809523809523,"col2":"bbb","col3WithInt":40},
{"col0":"resultForCol0","co11WithFloatingValue":0.7830687830687831,"col2":"c'ccc","col3WithInt":19},
{"col0":"resultForCol0","co11WithFloatingValue":0.7167011732229124,"col2":"dd dd dd","col3WithInt":10},
{"col0":"resultForCol0","co11WithFloatingValue":0.7159975101151571,"col2":"eee","col3WithInt":14}
];
alert(JSON.stringify(R));
var oTable = jQuery('#example').dataTable({
"aaData": R,
"aoColumns": [
{ "mData": "col0" },
{ "mData": "co11WithFloatingValue" },
{ "mData": "col2" },
{ "mData": "col3WithInt" },
]
});
}
function s2()
{
var R = [
{"col0":"new","co11WithFloatingValue":0.9523809523809523,"col2":"aåaa_utf8","col3WithInt":51},
{"col0":"other","co11WithFloatingValue":0.9523809523809523,"col2":"bbb bbbbb bbb bbb","col3WithInt":42},
{"col0":"whatever","co11WithFloatingValue":0.7830687830687831,"col2":"c'ccc cccc ","col3WithInt":14},
{"col0":"changed","co11WithFloatingValue":0.7167011732229124,"col2":"dd dd dddddd ","col3WithInt":20},
{"col0":"here","co11WithFloatingValue":0.7159975101151571,"col2":"eee eee e eeee ","col3WithInt":15},
{"col0":"more","co11WithFloatingValue":0.7159975101151571,"col2":"eeeeeeeeeeee","col3WithInt":18},
{"col0":"again","co11WithFloatingValue":0.7159975101151571,"col2":"eeeeeee","col3WithInt":16}
];
alert(JSON.stringify(R));
if(typeof oTable === 'undefined')
{
// oTable.fnClearTable(); // can this be used?
var oTable = jQuery('#example').dataTable({
"aaData": R,
"aoColumns": [
{ "mData": "col0" },
{ "mData": "co11WithFloatingValue" },
{ "mData": "col2" },
{ "mData": "col3WithInt" },
]
});
}
else {
// how to change the data contained inside datatable?
oTable.fnClearTable();
oTable.fnAddData(R);
oTable.fnAdjustColumnSizing();
}
}
</script>
</head>
<body style="text-align: center; width: 100%;">
<div>
<input type="button" id="btnS1" onclick="s1();" value="populate 1" />
<input type="button" id="btnS2" onclick="s2();" value="populate 2" />
</div>
<div>
<table class="display" id="example">
<thead>
<tr>
<th>col0</th>
<th>co11WithFloatingValue</th>
<th>col2</th>
<th>col3WithInt</th>
</tr>
</thead>
<tbody>
<!-- data goes here -->
</tbody>
</table>
</div>
</body>
</html>
thx, ama işe yaramadı gibi görünüyor. Aslında ben R adlandırma değiştiremezsiniz, sağlanan kod basitleştirmedir, eğer çalışabilirsem, problemimi çözebilirim. BTW, benim anlayışlarına göre, emin değilim bile, adlandırma mData ve aoColumns ile tamam. BRetrieve işlevini kullanarak hata mesajını engelleyin, ancak hiçbir şeyi değiştirmeyin, "populate2" tablonun içeriğini asla değiştirmeyin. Tek bir içeriğe sahip olan "populate1" i tıklarken, "populate2" yi tıklarken, her seferinde başka bir tablonun tamamını değiştirerek, ihtiyacım olan şey budur. Saygılarımızla, – user1340802
Lütfen güncellenmiş cevaba bakınız. Var olan datatable'ı ** jQuery ('# example') kullanarak yok etmelisiniz sanırım dataTable(). FnDestroy(); '** aynı tablodaki yeni verilere sahip olacak. – Yogesh
daha fazla, sadece ** '" bDestroy "ekleyin: true,' ** datatable bildiriminde. Umarım bu sefer yardımcı olur. Bu sefer fnDestory yöntemini çağırmaya gerek yok – Yogesh