189 8069 5689

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://cdxtjz.cn/article/djsdije.html
        
    
    
      
        
      其他资讯
      
        
    
      


      
  
      
    
      
      
      联系我们
      
      
      
        您好HELLO!
      
        感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们，

        我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
      
      
      
        
        
      • 电话：028- 86922220 18980695689
        • 
        
      • 商务合作邮箱：631063699@qq.com
        • 
        
      • 合作QQ： 532337155
        • 
        
      • 成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼
        • 
      
      
    
      
    
      
      
      小谭建站工作室
      
      
      
        成都小谭网站建设公司拥有多年以上互联网从业经验的团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。

        我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！
      
      
      
      小谭观点
      
      
      
        相对传统的成都网站建设公司而言，小谭是互联网中的网站品牌策划，我们精于企业品牌与互联网相结合的整体战略服务。
      
        我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
      
      
    
      
  
      
  
      
    
       
         友情链接：
        成都网站推广   响应式网站建设   成都联通服务器托管   贵州发电机   蓬溪做网站   亚克力背部发光字   成都柴油发电机组   成都发电机公司   成都网站制作   移动网站建设     
    
      
  
      
  
       © Copyright 2023 小谭建站工作室All Rights Reserved.  成都网站建设 / 成都网站建设 / 响应式网站建设 / 成都服务器租用