ambil value dari datatable new window

sandhizukhruf

ini tampilan aplikasi saya



jadi waktu ambil button cari maka akan muncul window baru dengan datatable seperti gambar. Nah bagaimana caranya ketika saya ambil data di window baru ketika sudah dipilih makan valuenya akan keiisi di kolom inputan partID, Partname.

Ini codingan form saya https://pastebin.com/e0qMYZuZ

dan ini codingan window datatable saya https://pastebin.com/PQTxpA9Z

mohon bantuannya

bigboy16

var child= window.open('datapart.php', '', 'width=600, height=300, location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');

child.document.getElementById("idyangadavaluenya")

sandhizukhruf

cara ngambil value dari datatable untuk di masukkan ke form inputan awal gimana ya, saya mau masukkan di inputan PartID saya. ini datatablenya https://pastebin.com/PQTxpA9Z

bigboy16

table.on( 'select', function () {
    var rowData = table.rows( { selected: true } ).data()[0];
} );

taruh di parent windows,

atau bikin function di child, kasih return rowdata.

panggil dari parent

child.namafunction();

sandhizukhruf

waduh ngga paham hehe, dikasih di file datapart.php gue ? bisa kasih contohnya dari code gue ?

bigboy16

sandhizukhruf said:

waduh ngga paham hehe, dikasih di file datapart.php gue ? bisa kasih contohnya dari code gue ?

gak tau juga nama file nya apa, kan gak dikasih tau juga namanya

sandhizukhruf

ini form parentnya https://pastebin.com/e0qMYZuZ dan ini datatablenya (datapart.php) -> https://pastebin.com/PQTxpA9Z

bigboy16

berarti yg form itu parent, yg child yg datapart

sandhizukhruf

yang ini di taruh di form ?

bigboy16 said:

table.on( 'select', function () {
    var rowData = table.rows( { selected: true } ).data()[0];
} );

taruh di parent windows,

terus di datapart.php gue tambahin apa ?

bigboy16

taruh di form semua

var child= window.open('datapart.php', '', 'width=600, height=300, location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');

$(child.document).ready(function(){
         var table =   $(child.document).contents().find('.tablemasterpart').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "api/ms_part.php",
                "columns": [
                        {"data": "PartID"},
                        {"data": "PartName"},
                        {"data": "OtherID"},
                        {"data": "TypeInventoryID"}
                    ],
                autoWidth: false,
                responsive: true,
                "lengthMenu": [[5,10, 25, 50], [5,10, 25, 50]],
                "language": {
                    "info": "_START_-_END_ of _TOTAL_ entries",
                    searchPlaceholder: "Search"
                },
            });
table.on( 'select', function () {
    var rowData = table.rows( { selected: true } ).data()[0];
} );
        });

tinggal rowData itu masukin ke input

sandhizukhruf

gue udah masukkin code itu ke form gue , ini code nya https://pastebin.com/2J59ZGyR tapi valuenya ngga ke ambil dan masuk ke inputan gue. dan ketika udah milih datanya di datapart.php engga langsung close window. window nya masih kebuka

bigboy16

lah, bener2 copy paste doang,

bigboy16 said:

tinggal rowData itu masukin ke input

kan dah dibilangin begitu.
dan emang gak ada function close disitu, ya dibikin lah

sandhizukhruf

ini inputan dan button di form gue untuk panggil window baru dan mau masukkin valunya di inputan. gimana ya

bigboy16

$('#requestnumber').val(rowData);

taruh dalam on select function diatas

sandhizukhruf

Kok tetep gamau ya , apa ada yg salah di codingan form gue ?

function buka_popup(){
 var child= window.open('datapart.php', '', 'width=600, height=300, location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');
}
$(child.document).ready(function(){
         var table =   $(child.document).contents().find('.tablemasterpart').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "api/ms_part.php",
                "columns": [
                        {"data": "PartID"},
                        {"data": "PartName"},
                        {"data": "OtherID"},
                        {"data": "TypeInventoryID"}
                    ],
                autoWidth: false,
                responsive: true,
                "lengthMenu": [[5,10, 25, 50], [5,10, 25, 50]],
                "language": {
                    "info": "_START_-_END_ of _TOTAL_ entries",
                    searchPlaceholder: "Search"
                },
            });
table.on( 'select', function () {
    var rowData = table.rows( { selected: true } ).data()[0];
	$('#requestnumber').val(rowData); 
} );
        });

bigboy16

yg punya id requestnumber itu cuman satu itu apa lebih?

sandhizukhruf

cuman satu

bigboy16

coba di
console.log(rowData);
pake inspect element di browser, trus pilih console, keluar gak value rowdata nya

sandhizukhruf

ini errornya

bigboy16

lha itu $(child.document).ready(function(){ sampe bawah kenapa diluar function buka popup? itu harusnya di dalam.

deklarasi di dalam kok manggil diluar

sandhizukhruf

udah gue masukkin masih tetep gabisa

function buka_popup(){
 var child= window.open('datapart.php', '', 'width=600, height=300, location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');

$(child.document).ready(function(){
         var table =   $(child.document).contents().find('.tablemasterpart').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "api/ms_part.php",
                "columns": [
                        {"data": "PartID"},
                        {"data": "PartName"},
                        {"data": "OtherID"},
                        {"data": "TypeInventoryID"}
                    ],
                autoWidth: false,
                responsive: true,
                "lengthMenu": [[5,10, 25, 50], [5,10, 25, 50]],
                "language": {
                    "info": "_START_-_END_ of _TOTAL_ entries",
                    searchPlaceholder: "Search"
                },
            });
table.on( 'select', function () {
    var rowData = table.rows( { selected: true } ).data()[0];
	$('#requestnumber').val(rowData); 
	console.log(rowData); 
} );
})};

bigboy16

hasil console nya apa?

sandhizukhruf

ini hasil consolenya

bigboy16

js datable.js diload dimana? kalau di file datapart, pindahin ke form

sandhizukhruf

udah gue pindahin di form, tapi datatable di datapart ngga jalan. terus gue letakkin di form dan datapart. console errornya udah ngga muncul tapi masih aja ngga bisa ambil valuenya ke inputan id requestnumber itu

bigboy16

pas gak jalan di datapart hasil consolnya apa?

sandhizukhruf

select2nya doang

bigboy16

sandhizukhruf said:

select2nya doang

ini console datapart apa form?

sandhizukhruf

datapart dan form

bigboy16

sandhizukhruf said:

datapart dan form

beuh seriusan console inspect bisa gabungan gitu?

sandhizukhruf

bigboy16 said:

sandhizukhruf said:

datapart dan form

beuh seriusan console inspect bisa gabungan gitu?

engga maksudnya console di dapart dan form pas gue inscpect errornya sama

bigboy16

child = window.open('datapart.php', 'children', 'width=600, height=300, location=0');
            child.onload = function () {
                
               
                var table = $(child.document.getElementById('tablemasterpart')).DataTable({
                    "processing": true,
                    "serverSide": true,
                    "ajax": "api/ms_part.php",
                    "columns": [
                        {"data": "PartID"},
                        {"data": "PartName"},
                        {"data": "OtherID"},
                        {"data": "TypeInventoryID"}
                    ],
                    autoWidth: false,
                    responsive: true,
                    "lengthMenu": [[5, 10, 25, 50], [5, 10, 25, 50]],
                    "language": {
                        "info": "_START_-_END_ of _TOTAL_ entries",
                        searchPlaceholder: "Search"
                    },
                });
                table.on('select', function () {
                    var rowData = table.rows({selected: true}).data()[0];
                    $('#requestnumber').val(rowData);
                    console.log(rowData);
                });
           
        }

coba cek console hasilnya apa

sandhizukhruf

kaya gini sama

sandhizukhruf said:

select2nya doang

bigboy16

maksud ku itu yg rowdata keluar gak di console, kalo error itu sih karna code lainnya, js nya gak ada, or blom dimasukin link scriptnya

sandhizukhruf

bigboy16 said:

maksud ku itu yg rowdata keluar gak di console, kalo error itu sih karna code lainnya, js nya gak ada, or blom dimasukin link scriptnya

oh ngga keluar rowdatanya di console

bigboy16

coba tampilin semua script mu yg 3 itu disini, form, datapart, ms_part atau hasil json nya aja, sama header2 nya,

sandhizukhruf

ini form nya -> https://pastebin.com/bP2tSju0

ini datapart -> https://pastebin.com/dRWj1njT

ini ms_part -> https://pastebin.com/ami2AhX3

bigboy16

script di datatpart

    $(document).ready(function () {
        var table = $('#tablemasterpart').DataTable({
            select: true,
            "ajax": "ms_part.php",
            "columns": [
                {"data": "PartID"},
                {"data": "PartName"},
                {"data": "OtherID"},
                {"data": "TypeInventoryID"}
            ]
        });
        table
        .on( 'select', function ( e, dt, type, indexes ) {
            var rowData = table.rows( indexes ).data().toArray();
                window.opener.cek(rowData);
                window.close();
        } );
        });
    

script di form

        var child;
        $(document).ready(function () {
            //function lain yg ada di kamu

        });
      
        function buka_popup() {
            if (child) {
                child.close();


            }
            child = window.open('datapart.php', 'children', 'width=600, height=300, location=0');
            
        }
        
        function cek(data){
            $('input[name=requestnumber').val(data[0].PartID)
        }
        
    

sandhizukhruf

masih tetep nggabisa

bigboy16

ha seriusan? console log nya apa skrg?

sandhizukhruf

sandhizukhruf said:

kaya gini sama

sandhizukhruf said:

select2nya doang

masih sama kaya gini

bigboy16

jquery.min.js or jquery.js mu taroh paling atas , sebelum ada tag $() harus sudah di declare jquerynya

sandhizukhruf

sama aja nih, udah ngga muncul error apa apa tapi masih ngga bisa

bigboy16

byuh, full scriptmu deh, yg parent child

sandhizukhruf

ya ini full scriptnya

sandhizukhruf said:

ini form nya -> https://pastebin.com/bP2tSju0

ini datapart -> https://pastebin.com/dRWj1njT

ini ms_part -> https://pastebin.com/ami2AhX3

sandhizukhruf

gimana lom bisa nih

kurakura

ini gimana ceritanya ?

<button type="button" class="btn btn-primary" name="button" onclick="window.location.href='javascript: buka_popup();'"><i class="icon-copy fa fa-folder-open" aria-hidden="true"></i></button>

bener itu button search elo ?

child = window.open('datapart.php', 'children', 'width=600, height=300, location=0');

lha kok ada itu di bawah langsung terbuka
dan pasti langsung jalan



java script ini : buka_popup();
mana ?

sandhizukhruf

ini gue kasih form sekarang https://pastebin.com/s7C5Y24d

sandhizukhruf

iya buka windownya jalan cuman waktu ambil valuenya dari datatable ngga bisa