Asp.Net MVC中使用ACE模板之Jqgrid

第一次看到ACE模板，有种感动，有种相见恨晚的感觉，于是迅速来研究。它本身是基于bootstrap和jqueryui，但更nice，整合之后为后台开发节省了大量时间。 发现虽然不是完美，整体效果还是不错，特此分享给园友。这一节先讲其中的Jqgrid。按照国际惯例，先上两张图。

超过十多年行业经验，技术领先，服务至上的经营模式，全靠网络和口碑获得客户，为自己降低成本，也就是为客户降低成本。到目前业务范围包括了：网站建设、成都网站制作，成都网站推广，成都网站优化，整体网络托管，重庆小程序开发，微信开发，app开发定制，同时也可以让客户的网站和网络营销和我们一样获得订单和生意！

   

集成了button，form，treeview以及日历，时间轴、chart等控件，非常丰富。下面是Jqgrid在MVC中的使用。

jqgrid的加载，排序，查找都是基于后台方法，不是在内存中完成，但也有一些小坑。下面一一道来。

一、引入ace模板

 ace本身考虑了对ie的兼容，加上bootstrap和jqueryui所以引入的样式和脚本文件比较多。我拿掉了一下googlefont的链接，请求太慢了，你懂的。现在MVC最关心的就是RenderBody的位置。在page-content下的Row，也可以将page-header放入子页面中去，自己多写几个元素，这个就在于你自己的选择了。

 
 
      
  
  1.  
    2.   
  
  2.                          
    3.   
  
  3.                             
     
    4.   
  
  4.                                 控制台 
    5.   
  
  5.                                  
    6.   
  
  6.                                      
    7.   
  
  7.                                     查看 
    8.   
  
  8.                                  
    9.   
  
  9.                              
    10.   
  
  10.                         
 
  •  
  •                          
  •                              
  •                                  
  •                                  @RenderBody()  
  •                                  
  •                             
    •  
  •                         
    •  
  •                      

    • 全部的layout.cshtml

     
 
        
  
    1.  
      2.   
  
    2.  
      3.   
  
    3.  
      4.   
  
    4.      
      5.   
  
    5.      
      6.   
  
    6.        
      7.   
  
    7.     @ViewBag.Title 
      8.   
  
    8.       
      9.   
  
    9.      
      10.   
  
    10.      
      11.   
  
    11.      
      12.   
  
    12.      
      13.   
  
    13.      
      14.   
  
    14.  
      15.   
  
    15.          
      16.   
  
    16.  
      17.   
  
    17.          
      18.   
  
    18.  
      19.   
  
    19.          
      20.   
  
    20.          
      21.   
  
    21.          
      22.   
  
    22.          
      23.   
  
    23.          
      24.   
  
    24.  
      25.   
  
    25.          
      26.   
  
    26.  
      27.   
  
    27.          
      28.   
  
    28.  
      29.   
  
    29.          
      30.   
  
    30.          
      31.   
  
    31.          
      32.   
  
    32.    
      33.   
  
    33.  
      34.   
  
    34.  
      35.   
  
    35.        
      36.   
  
    36.     
      37.   
  
    37.              
      38.   
  
    38.                 try { ace.settings.check('navbar', 'fixed') } catch (e) { }  
      39.   
  
    39.              
      40.   
  
    40.  
      41.   
  
    41.              
      42.   
  
    42.                  
      43.   
  
    43.                      
      44.   
  
    44.                          
      45.   
  
    45.                              
      46.   
  
    46.                              XiaoNao Admin  
      47.   
  
    47.                          
      48.   
  
    48.                      
      49.   
  
    49.                  
      50.   
  
    50.  
      51.   
  
    51.                  
      52.   
  
    52.                      
      53.   
  
    53.                          
      54.   
  
    54.                              
      55.   
  
    55.                                  
      56.   
  
    56.                                 5 
      57.   
  
    57.                              
      58.   
  
    58.  
      59.   
  
    59.                              
      60.   
  
    60.                                  
      61.   
  
    61.                                      
      62.   
  
    62. Messages  
      63.   
  
    63.                                 
      64.    
  
    64.  
      65.   
  
    65.                                 
    66.  
      67.   
  
    67.                                        
      68.   
  
    68.                                          
      69.   
  
    69.                                          
      70.   
  
    70.                                              
      71.   
  
    71.                                                 Alex: 
      72.   
  
    72.                                                 Ciao sociis natoque penatibus et auctor ...  
      73.   
  
    73.                                              
      74.   
  
    74.  
      75.   
  
    75.                                              
      76.   
  
    76.                                                  
      77.   
  
    77.                                                 a moment ago 
      78.   
  
    78.                                              
      79.   
  
    79.                                          
      80.   
  
    80.                                      
      81.   
  
    81.                                 
      82.    
  
    82.  
      83.   
  
    83.                                 
    84.  
      85.   
  
    85.                                      
      86.   
  
    86.                                          
      87.   
  
    87.                                          
      88.   
  
    88.                                              
      89.   
  
    89.                                                 Susan: 
      90.   
  
    90.                                                 Vestibulum id ligula porta felis euismod ...  
      91.   
  
    91.                                              
      92.   
  
    92.  
      93.   
  
    93.                                              
      94.   
  
    94.                                                  
      95.   
  
    95.                                                 20 minutes ago 
      96.   
  
    96.                                              
      97.   
  
    97.                                          
      98.   
  
    98.                                      
      99.   
  
    99.                                 
      100.    
  
    100.  
      101.   
  
    101.                                 
    102.  
      103.   
  
    103.                                      
      104.   
  
    104.                                          
      105.   
  
    105.                                          
      106.   
  
    106.                                              
      107.   
  
    107.                                                 Bob: 
      108.   
  
    108.                                                 Nullam quis risus eget urna mollis ornare ...  
      109.   
  
    109.                                              
      110.   
  
    110.  
      111.   
  
    111.                                              
      112.   
  
    112.                                                  
      113.   
  
    113.                                                 3:15 pm 
      114.   
  
    114.                                              
      115.   
  
    115.                                          
      116.   
  
    116.                                      
      117.   
  
    117.                                 
      118.    
  
    118.  
      119.   
  
    119.                                 
    120.  
      121.   
  
    121.                                      
      122.   
  
    122.                                         See all messages  
      123.   
  
    123.                                          
      124.   
  
    124.                                      
      125.   
  
    125.                                 
      126.    
  
    126.                              
      127.   
  
    127.                         
      128.    
  
    128.  
      129.   
  
    129.                          
      130.   
  
    130.                              
      131.   
  
    131.                                  
      132.   
  
    132.                                  
      133.   
  
    133.                                     @if( Session["uname"]!=null){  
      134.   
  
    134.                                     Welcome, 
      135.   
  
    135.                                      @Session["uname"].ToString();  
      136.   
  
    136.                                     }  
      137.   
  
    137.                                  
      138.   
  
    138.  
      139.   
  
    139.                                  
      140.   
  
    140.                              
      141.   
  
    141.  
      142.   
  
    142.                              
      143.   
  
    143.                                 
    144.  
      145.   
  
    145.                                      
      146.   
  
    146.                                          
      147.   
  
    147.                                         Settings  
      148.   
  
    148.                                      
      149.   
  
    149.                                 
      150.    
  
    150.                                 
    151.  
      152.   
  
    152.                                      
      153.   
  
    153.                                          
      154.   
  
    154.                                         Profile  
      155.   
  
    155.                                      
      156.   
  
    156.                                 
      157.    
  
    157.  
      158.   
  
    158.                                 
      159.    
  
    159.  
      160.   
  
    160.                                 
    161.  
      162.   
  
    162.                                      
      163.   
  
    163.                                          
      164.   
  
    164.                                         Logout  
      165.   
  
    165.                                      
      166.   
  
    166.                                 
      167.    
  
    167.                              
      168.   
  
    168.                         
      169.    
  
    169.                      
      170.   
  
    170.                  
      171.   
  
    171.              
      172.   
  
    172.          
      173.   
  
    173.  
      174.   
  
    174.          
      175.   
  
    175.              
      176.   
  
    176.                 try { ace.settings.check('main-container', 'fixed') } catch (e) { }  
      177.   
  
    177.              
      178.   
  
    178.  
      179.   
  
    179.              
      180.   
  
    180.                  
      181.   
  
    181.                      
      182.   
  
    182.                  
      183.   
  
    183.  
      184.   
  
    184.                  
      185.   
  
    185.                      
      186.   
  
    186.                         try { ace.settings.check('sidebar', 'fixed') } catch (e) { }  
      187.   
  
    187.                      
      188.   
  
    188.  
      189.   
  
    189.                      
      190.   
  
    190.                          
      191.   
  
    191.                              
      192.   
  
    192.                                  
      193.   
  
    193.                              
      194.   
  
    194.  
      195.   
  
    195.                              
      196.   
  
    196.                                  
      197.   
  
    197.                              
      198.   
  
    198.  
      199.   
  
    199.                              
      200.   
  
    200.                                  
      201.   
  
    201.                              
      202.   
  
    202.  
      203.   
  
    203.                              
      204.   
  
    204.                                  
      205.   
  
    205.                              
      206.   
  
    206.                          
      207.   
  
    207.  
      208.   
  
    208.                          
      209.   
  
    209.                              
                本文名称：Asp.Net MVC中使用ACE模板之Jqgrid
                
      
                链接分享：http://www.shufengxianlan.com/qtweb/news28/544278.html
            
      
            
      
                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
      
            
      
                广告
                
            
      
            
      
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联
            
      
        
        
      
            
      猜你还喜欢下面的内容
      
            
        
      
    
    
      
        
      
            
      网站维护知识
      
            
        
      
        
      
            
      行业网站建设
      
            
        
      
    
      


      
    
      
        移动服务器托管　　 　高防服务器租用　　 　雷运建站　　 　网络推广　　 　成都企业网站建设　　 　名片印刷厂　　 　SSL证书　　 　手机网站建设套餐　　 　网站优化公司　　 　网站域名　　 　新都四新网站建设　　 　达州做网站　　 　成都网络推广　　 　成都外贸网站优化　　 　网站排名　　 　雅安托管服务器　　 　成都广告设计　　 　广西弘博建站　　 　医药医疗网站建设方案　　 　上海济桢教育