jQuery EasyUI使用教程之格式化组合框项

最新推荐文章于 2019-05-02 16:07:02 发布

界面开发小八哥

最新推荐文章于 2019-05-02 16:07:02 发布

阅读量656

点赞数

本教程向您展示如何创建一个简单的组合框，并让它在下拉框中显示图片项。您可以在组合框中使用formatter函数来告诉它如何格式化每一个条目。

jQuery EasyUI最新试用版下载请猛戳>>

点击查看示例

创建图像组合框

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

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