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.kswsj.com/qtweb/news28/544278.html
            
      
            
      
                网站建设、网络推广公司-成都快上网，一家网站设计、网站制作公司；服务项目有等
                                
      
            
      
                广告
                
            
      
            
      
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                成都快上网
            
      
        
        
      
            
      成都快上网科技猜您喜欢
      
            
        
      
    
    
      
        
      
            
      网站策划知识
      
            
        
      
        
      
            
      分类信息网
      
            
        
      
    
      


      
    
      
        网站制作价格　　 　德阳服务器托管　　 　成都标识标牌设计制作　　 　广汉长尔科技　　 　成都响应式网站建设公司　　 　营销网站建设　　 　营销型网站建设　　 　攀枝花网站建设　　 　成都棕树机房　　 　东电技服　　 　成都服务器运维　　 　成都工商服务　　 　深圳惠宜防蚊纱窗　　 　成都搬家公司　　 　食品包装设计　　 　成都定制网站　　 　成都全屋定制　　 　高端网站设计推广　　 　广汉锦华建材　　 　ssl证书申请