[Ask] [Menampilkan Data Di Tabel]

[Joris]

Om2 semua yg ngerti mungkin bisa dikasih pencerahan.
Ceritanya ane mau buat aplikasi di Blackberry ne, nah di emulator penampakan aplikasinya maunya rapih seperti ini :

Spoiler:

Gambar diatas saya memakai tabel yg masih ditulis manual datanya di tabel.

Nah, di emulator android penampakan aplikasinya dah mulus pake jquery mobile. Penampakannya :

Spoiler:

Ane bingung ne, gmana caranya bikin data yg seperti di emulator android itu bisa ditampilkan mulus di emulator Blackberry tanpa memakai JQuery Mobile. Coz emang buat aplikasi BB sengaja ga pake JQuery Mobile.
Kalo misalnya ane masukin codingannya di emulator BB jadinya seperi ini :

Spoiler:

Gambar diatas hancur banget tampilannya..

Untuk file javascript di server yg tugasnya menampilkan data ke aplikasi-nya seperti ini :

PHP Code:

var serviceURL = "http://www.berthojoris.com/develop/app/services/";

//var employees;
var SistemPakar;

$('#sispakListPage').bind('pageinit', function(event) {
    getEmployeeList();
});

function getEmployeeList() {
    showLoad();
    $.getJSON(serviceURL + 'DataReadTvone.php', function(data) {
        SistemPakar = data.items;
        $.each(SistemPakar, function(index, tvone) {
            $('#sispakList').append(
                    '<li><a href="detailTvone.html?id=' + tvone.id + '">' +
                                        '<p>' + tvone.item_url + '</p>' +
                                        '<p>' + tvone.fetch_date + '</p>' +
                                        '<h4>' + tvone.item_title + '</h4>');
        });
        $('#sispakList').listview('refresh');
        notShowLoad();
    });
}

function showLoad(){
    $('#load').show('slow').html('Data sedang diproses . . .');
}

function notShowLoad(){
    $('#load').hide();
} 


Dan untuk menampilkan datanya ke tabel diatas ini codingannya :

PHP Code:

<table id="mytable" style="width:425px;">
  
  <tr>
    <td class="alt">
    <div id="sispakListPage" data-role="page">
    <div data-role="content">
        <ul id="sispakList" data-role="listview">
          
         </ul>
    </div>        
</div></td>
  </tr>
  
  <tr>
    <td class="alt">List Pertama</td>
  </tr>
  
  <tr>
    <td>List Kedua</td>
  </tr>
  
  <tr>
    <td class="alt">List Ketiga</td>
  </tr>
  
  <tr>
    <td>List Keempat</td>
  </tr>

</table> 


Bagaimana ya om2 cara untuk menampilkan data di emulator blackberry itu bisa rapih seperti di gambar 1 yg masih di-isi data manual?
Mungkin ada bagian - bagian di tabel atau di javascript yg harus diperbaiki sehingga datanya bisa tampil rapih seperti gambar 1.
Mohon bantuanya om2 semua...

[Anonymous33]

wihh kerenpisan eui , minta ya om

[ditatompel]

Tuh nte kayanya salah di $.each functionnya omz..
nte append list (<li>) tp ente ga tutup tag list tersebut.. Jadinya ntar numpuk2..

Code:

$.each(SistemPakar, function(index, tvone) {
            $('#sispakList').append(
                    '<li><a href="detailTvone.html?id=' + tvone.id + '">' +
                                        '<p>' + tvone.item_url + '</p>' +
                                        '<p>' + tvone.fetch_date + '</p>' +
                                        '<h4>' + tvone.item_title + '</h4>');
        });

jadi

Code:

$.each(SistemPakar, function(index, tvone) {
            $('#sispakList').append(
                    '<li><a href="detailTvone.html?id=' + tvone.id + '">' +
                                        '<p>' + tvone.item_url + '</p>' +
                                        '<p>' + tvone.fetch_date + '</p>' +
                                        '<h4>' + tvone.item_title + '</h4></li>');
        });

Cobain dulu omz..

[Joris]

(03-22-2012 09:55 PM)ditatompel Wrote:  Tuh nte kayanya salah di $.each functionnya omz..
nte append list (<li>) tp ente ga tutup tag list tersebut.. Jadinya ntar numpuk2..

Code:

$.each(SistemPakar, function(index, tvone) {
            $('#sispakList').append(
                    '<li><a href="detailTvone.html?id=' + tvone.id + '">' +
                                        '<p>' + tvone.item_url + '</p>' +
                                        '<p>' + tvone.fetch_date + '</p>' +
                                        '<h4>' + tvone.item_title + '</h4>');
        });

jadi

Code:

$.each(SistemPakar, function(index, tvone) {
            $('#sispakList').append(
                    '<li><a href="detailTvone.html?id=' + tvone.id + '">' +
                                        '<p>' + tvone.item_url + '</p>' +
                                        '<p>' + tvone.fetch_date + '</p>' +
                                        '<h4>' + tvone.item_title + '</h4></li>');
        });

Cobain dulu omz..

Masih sama om dita tampilannya walau udah ditambahkan </li> ........

[ditatompel]

Wah.. Itu yg tampilan BB aksesnya gimana om?
Ane coba akses pake bb tampilannya yg buat android

[Super Moderator]

(03-22-2012 10:26 PM)ditatompel Wrote:  Wah.. Itu yg tampilan BB aksesnya gimana om?
Ane coba akses pake bb tampilannya yg buat android

mau dong pin bb nya yayank

[Joris]

(03-22-2012 10:26 PM)ditatompel Wrote:  Wah.. Itu yg tampilan BB aksesnya gimana om?
Ane coba akses pake bb tampilannya yg buat android

Pake ripple om dita...
Ditaroh di lokal trus di akses