ExtJS表格示例

  1.  
  2.  
  3.  
  4.  
  5.   
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.     Ext.BLANK_IMAGE_URL = 'ext-3.1.0/resources/p_w_picpaths/default/s.gif'; 
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.      
  23.          
  24.          
  25.             #content { 
  26.                 width: 100%; 
  27.                 height: 100%; 
  28.             } 
  29.              
  30.             .add { 
  31.                 background-p_w_picpath: url(p_w_picpaths/icon/add.gif) !important; 
  32.             } 
  33.              
  34.             .update { 
  35.                 background-p_w_picpath: url(p_w_picpaths/icon/update.gif) !important; 
  36.             } 
  37.              
  38.             .delete { 
  39.                 background-p_w_picpath: url(p_w_picpaths/icon/delete.gif) !important; 
  40.             } 
  41.             .assign {  
  42.                 background-p_w_picpath: url(p_w_picpaths/icon/list-items.gif) !important;  
  43.             } 
  44.             .ux-combo-selectall{   
  45.                 padding:3px;   
  46.             }   
  47.             .ux-combo-selectall-icon-checked{   
  48.                 background: transparent url(ext-3.1.0/resources/p_w_picpaths/default/menu/checked.gif);   
  49.             }   
  50.             .ux-combo-selectall-icon-unchecked {     
  51.                 background: transparent url(ext-3.1.0/resources/p_w_picpaths/default/menu/unchecked.gif);     
  52.             }   
  53.             .ux-combo-selectall-icon {   
  54.                 text-indent:1.8em;   
  55.                 background-position: 3px 2px ! important;     
  56.                 background-repeat:no-repeat ! important;     
  57.                 height:22px;   
  58.                 line-height:20px;   
  59.                 font-size:12px;   
  60.                 font-weight:bold;   
  61.                 -moz-user-select:none;   
  62.             } 
  63.              
  64.             .ux-lovcombo-icon { 
  65.             width:16px; 
  66.             height:16px; 
  67.             float:left; 
  68.             background-position: -1px -1px ! important; 
  69.             background-repeat:no-repeat ! important; 
  70.             } 
  71.             .ux-lovcombo-icon-checked { 
  72.             background: transparent url(ext-3.1.0/resources/p_w_picpaths/default/menu/checked.gif);  
  73.             } 
  74.             .ux-lovcombo-icon-unchecked { 
  75.             background: transparent url(ext-3.1.0/resources/p_w_picpaths/default/menu/unchecked.gif); 
  76.             } 
  77.             /* IE patch */ 
  78.             .ext-ie .ux-lovcombo-item-text { 
  79.             position:absolute; 
  80.             left:16px; 
  81.             top:3px; 
  82.             } 
  83.             .ext-ie .ux-lovcombo-icon { 
  84.             float:none; 
  85.             } 
  86.             .ext-ie .x-combo-list-item { 
  87.             position:relative; 
  88.             }    
  89.          
  90.          
  91.          
  92.      
  93.      
  94.          
  95.             
 
  •         
  •  
  •      
  •  
  •  

    创新互联主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务贵港,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

    ExtJS表格示例

    后台:

     

    1. /**计算装机量(分地市)**/ 
    2. //http://localhost:8080/smartjsmgr/statistiweb.sp?method=getInstallSiteByArea 
    3. @RequestMapping(params = "method=getInstallSiteByArea", method = RequestMethod.POST) 
    4. public ModelAndView getInstallSiteByArea(HttpServletRequest request,HttpServletResponse response){ 
    5.     Map map = new HashMap(); 
    6.     List list=new ArrayList(); 
    7.     try { 
    8.         list=statistiwebService.getInstallSiteByArea(); 
    9.         if (list.size()>0) { 
    10.             map.put("date", list); 
    11.             map.put("success", "true"); 
    12.         }else{ 
    13.             map.put("success", "false"); 
    14.         } 
    15.     } catch (Exception e) { 
    16.         // TODO: handle exception 
    17.         e.printStackTrace(); 
    18.         logger.error("查询计算装机量(分地市)失败!!!"); 
    19.     } 
    20.     return new ModelAndView("jsonView",map); 

     

     

     


    文章名称:ExtJS表格示例
    当前路径:http://scjbc.cn/article/gsgdeg.html

    其他资讯