Загрузить DataTable после фильтрации других данных DataTableJquery

Программирование на jquery
Ответить
Anonymous
 Загрузить DataTable после фильтрации других данных DataTable

Сообщение Anonymous »

У меня есть один данные с данными таблицы. У меня есть другие данные, и это ребенок другого. Когда я нажимаю в строке родительского данного, он загрузит Diks Datable с помощью фильтрованных строк. Один из примеров: у меня есть в родительской таблице один поставщик с PK -кодом 1. Если я щелкну в эту строку в детской таблице, появятся все статьи поставщика 1. Если я щелкну в поставщика 2 в детской таблице, все статьи второго поставщика.
Я сделал это, но проблема в том, что Deal Databletable не загружается. Это загружается как простая таблица HTML и не как DataTable.
Я размещаю здесь код, чтобы загрузить и поймать значение выбранной строки, файл JS с петицией Ajax для обновления дочерней таблицы и кода PHP для загрузки таблицы.$(document).ready( function () {
var oTable=$('#PRESUP').dataTable( {
"sDom": 'Tlfrtip',
"oTableTools": {
"sRowSelect": "single"
}
} );
oTable.$('tr').click( function () {
var data = oTable.fnGetData( this );
var serie=data[0];
var numero=data[1];
var nombre=data[3];
var vendedor=data[4];
$("#prueba1").val(serie);
$("#prueba2").val(numero);
$("#seriedel1").val(serie);
$("#numerodel1").val(numero);
$("#nombre1").val(nombre);
$("#vendedor1").val(vendedor);
load();
$("#eds").val(serie);
$("#edn").val(numero);
} );
var oTable2=$('#PRESUP_D').dataTable( {
"sDom": 'Tlfrtip',
"oTableTools": {
"sRowSelect": "single"
}

} );
oTable2.$('tr').click( function () {
var data = oTable.fnGetData( this );

} );
} );
< /code>

ajax < /strong> < /p>

function load()
{
var serie=document.getElementById("prueba1").value;
var numero=document.getElementById("prueba2").value;
var xmlhttp;

if (window.XMLHttpRequest){

xmlhttp=new XMLHttpRequest();
}
else{

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("PRESUP_D").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","mostralle.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("serie="+serie+"&numero="+numero);
}
< /code>

php < /strong> < /p>

include"conexion.php";
$serie=$_POST['serie'];
$numero=$_POST['numero'];
mysql_connect($servidor, $usuario, $clave)or die (mysql_errno().mysql_error());
mysql_select_db($basedatos)or die (mysql_errno().mysql_error());
$result=mysql_query("SELECT Serie, Numeroas, Numlinea, Codart, Cant, Descripcion, Precio, Tipoiva, Subtotal FROM PRESUP_D WHERE Serie='$serie' AND Numeroas='$numero'");
while($row=mysql_fetch_row($result)){
echo "";
for($i=0;$i

Подробнее здесь: https://stackoverflow.com/questions/228 ... -datatable
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»