选择图标功能设计实现

public Map<String,Object>getIconList(HttpServletRequest request){
  
  Map<String, Object> ret=new HashMap<String, Object>();
  String realPath = request.getServletContext().getRealPath("/");
  File  file= new File(realPath + "\\resources\\admin\\easyui\\css\\icons");
  List<String> icons=new ArrayList<String>();
  if(!file.exists())
  {
   ret.put("type","error");
   ret.put("msg","文件目录不存在!");
   return ret;
  }
   File[] listFiles= file.listFiles();
   for(File f:listFiles)
   {
    if(f!=null && f.getName().contains("png"))
    {
     icons.add("icon-" + f.getName().substring(0, f.getName().indexOf(".")).replace("_", "-"));
    }
    
   }
   ret.put("type", "success");
   ret.put("content", icons);
   return ret;
 }

<!-- 选择图标弹窗 -->
<div id="select-icon-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:820px; height:550px;padding:10px;">
        <table id="icons-table" cellspacing="8">
        </table>
</div>`
function selectIcon(){if($("#icons-table").children().length <=0)
       {
     $.ajax({
             url:'../admin/menu/get_icons',
             dataType:'json',
             type:'post',
    success:function(data){
                   if(data.type=='success')
                {
                        var icons=data.content;
                        var table='';
                        for(var i=0;i<icons.length;i++){
                            var tbody='<td class="icon-td"><a οnclick="selected(this)"  href="javascript:void(0)"   class="' + icons[i]+ '">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>';
                            if(i==0)
                             {
                                table='<tr>'+tbody;
                                continue;
                             }
                            if((i+1)%24==0){
                             table += tbody + '</tr><tr>';
                             continue;
                                } 
                               table+= tbody;
             }
                      table += '</tr>';
                      $("#icons-table").append(table);
                      else
                      {
                      $.messager.alert('信息提示',data.msg,'warning');
                      }
                      }
                      });
               }