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.mswzjz.cn/qtweb/news28/544278.html
            
      
            
      
                攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等
                                
      
            
      
                广告
                
            
      
            
      
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                贝锐智能
            
      
        
        
      
            
      贝锐智能技术为您推荐以下文章
      
            
        
      
    
    
      
        
      
            
      python知识
      
            
        
      
        
      
            
      同城分类信息
      
            
        
      
    
      


      
    
      
        鸿艺文化　　 　广安网站建设　　 　德阳发电机　　 　开元建筑学校　　 　娄底尾呼妄服装　　 　四川搅拌罐车　　 　成都气球装饰　　 　青羊总部基地　　 　成都石膏隔墙板　　 　成都网络推广　　 　网站制作　　 　成都路面机械设备　　 　成都搅拌罐车　　 　做网站　　 　微信小程序　　 　重庆主机托管　　 　营销网站建设　　 　网上商城管理系统　　 　乐至网站建设　　 　成都网站制作公司