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.csdahua.cn/qtweb/news28/544278.html
            
      
            
      
                网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
      
            
      
                广告
                
            
      
            
      
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                快上网
            
      
        
        
      
            
      成都快上网为您推荐相关内容
      
            
        
      
    
    
      
        
      
            
      动态网站知识
      
            
        
      
        
      
            
      各行业网站
      
            
        
      
    
      


      
    
      
        重庆服务器托管　　 　app网站建设　　 　犀浦防纹窗　　 　边坡防护网厂家　　 　成都企业注册服务　　 　成都谷歌推广　　 　成都门窗定制　　 　南充电信机房托管　　 　app软件开发　　 　手机网站建设公司　　 　新华建筑装饰　　 　高端品牌网站建设　　 　成都印刷厂　　 　自贡服务器托管　　 　成都展柜制作　　 　成发金汇　　 　成都店面装修公司　　 　网页设计　　 　汕尾凯敏网站　　 　重庆托管服务器