jQuery EasyUI Form -Formatage de ComboBox

Ce tutoriel vous montre comment créer une simple combobox qui affiche des éléments d'image dans la liste déroulante. Vous pouvez utiliser la fonction formatter sur la combobox pour lui indiquer comment formater chaque élément.

Créer une combobox d'images

    <input id="cc" style="width:100px"
            url="data/combobox_data.json"
            valueField="id" textField="text">
    </input>

    $('#cc').combobox({
        formatter:function(row){
            var imageFile = 'images/' + row.icon;
            return '<img class="item-img" src="'+imageFile+'"/><span class="item-text">'+row.text+'</span>';
        }
    });

Télécharger les exemples jQuery EasyUI

jeasyui-form-form4.zip