2017-01-09 62 views
0

我试图整合为如下HTML表格flexigrid,Flexigrid不适用于HTML表

<spring:url value="https://code.jquery.com/jquery-3.0.0.js" var="migrate" /> 
      <script src="${migrate}"></script> 
      <spring:url value="https://code.jquery.com/jquery-migrate-3.0.0.js" var="migrae1"/> 
      <script src="${migrae1}"></script> 
       <spring:url value="/resources/js/flexigrid.pack.js" var="flexijs" /> 
      <script src="${flexijs}"></script> 
    <spring:url value="/resources/css_flexi/flexigrid.css" var="flexicss" /> 
      <link href="${flexicss}" rel="stylesheet" /> 
      <spring:url value="/resources/css_flexi/flexigrid.pack.css" var="choosen" /> 
      <link href="${choosen}" rel="stylesheet" /> 

$(document).ready(function() { 
      $('.flexme').flexigrid(); 
}); 
<form id="Form1" style="margin-left:5%;padding-top: 10px;"> 

    <table id="roles" class="flexme"> 
      <thead> 
      <tr> 
       <th width="100">Col 1</th> 
       <th width="100">Col 2</th> 
       <th width="100">Col 3 is a long header name</th> 
       <th width="300">Col 4</th> 

      </tr> 
    </thead> 
    <tbody> 
      <tr> 
       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 

       <td>This is data 4</td> 
      </tr> 
      <tr> 

       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 
       <td>This is data 4</td> 
      </tr> 
     </tbody> 
          </table> 
          </form> 

但是它无法正常工作。我花了很长时间才发现错误。它不会帮助我。甚至在许多网站上检查过。所以最后想到了在这里发布。任何人都可以建议我在哪里出错? 在此先感谢。

回答

0

我得到这个工作如下:

  1. 我包括在内,因为它没有得到在document.load当有错误执行的单击事件这里面flexigrid通话。

  2. 我找到了"msie of undefined error"。我曾尝试使用“migrate”插件。仍然错误是一样的。

  3. 所以我用:

    jQuery.browser = {}; (navigator.userAgent.match(/ MSIE([0-9] +)./)){jQuery.browser.msie = false; jQuery.browser.version = 0; if .browser.msie = true; jQuery.browser.version = RegExp。$ 1; } })();

现在它工作正常。但对于分页和刷新部分,One必须依靠服务器端分页。