jquery mobile icon σε listview

[sp_steve]

Γεια σας,

 

Έχω μία listview η οποία γεμίζει απο μία βάση δεδομένων και θέλω δίπλα απο κάθε εγγραφή που εμφανίζεται να έχει και ένα icon. Με ποιον τρόπο μπορώ να το κάνω αυτό?

$('#new_order_window').ready(function() {

                //$.mobile.showPageLoadingMsg();
                $.ajax({
                    url: "/web_based_ordering_system/project/layers/logic/mysql.php?action=category_list",
                    type: "POST",
                    dataType: "json",
                    data: JSON.stringify(),                        //you can insert url argumnets here to pass to api.php
                    success: function(data) {
                        console.log(data);
                        var data = $.parseJSON(JSON.stringify(data));
                        var html = "";
                        $.each(data,function(object) {   //first loop of the object  
                            html += "<li category_id='" + data[object]["id"] + "' >" + data[object]["name"] + "</li>";
                            
                        })
                        $('#mylist').empty();
                        $('#mylist').append (html);
                        $('#mylist').listview("refresh");

                    },
                    error: function(jqXHR,error, errorThrown) {  
                        if(jqXHR.status&&jqXHR.status==400){
                            alert(jqXHR.responseText); 
                        } else {
                            alert("Something went wrong");
                        }
                    }
                });
            });

και 

<div data-role="page" id="new_order_window" data-add-back-btn="true">
  <div data-role="header">
    <h1>Νέα Παραγγελία</h1>
  </div>

  <div data-role="content">
    <p>Κατηγορίες</p>  
    <ul data-role="listview" id="mylist" data-inset="true">
    </ul>
  </div>
</div>

Ευχαριστώ

[sougiasdj]

Καλησπέρα. Μπορείς είτε με <i> και να χρησιμοποιήσεις καποια βιβλιοθήκη με εικονίδια( Site: http://fortawesome.github.io/Font-Awesome/">Font Awesome ) ή να προσθέσεις απλά μια <img class="small" .../> δίπλα απο κάθε append που κάνεις.

html += "<img class=...<li category_id='" + data[object]["id"] + "' >" + data[object]["name"] + "</li>";