jqGrid tableToGrid函數

我無法找到如何使用tableToGrid函數（或至少我無法讓我的示例運行）的簡單示例。任何人都可以幫忙嗎？這裏是我的HTML測試：jqGrid tableToGrid函數

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 


    <script type="text/javascript" src="/Content/Scripts/jquery-1.4.4.js"></script> 
    <script type="text/javascript" src="/Content/Scripts/jqGrid/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/grid.locale-en.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/grid.base.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/jqDnR.js"></script> 
</head> 
<body> 
<table id="table" class="classname"> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
</table> 

<script type="text/javascript"> 
    // debugger; 
    // tableToGrid('#classname', {}); 

    $(document).ready(function() { tableToGrid(".table"); }); 


</script> 
</body> 
</html>

更新：看實例（「」和量變到質變的以‘＃’）後，我加入了一些elemnts表和它的工作。下面是修改後的HTML：

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
<!-- <link rel="stylesheet" href="/Content/Styles/jsTree/style.css" type="text/css" /> 

    <script type="text/javascript" src="/Content/Scripts/jsTree/jquery.cookie.js"></script> 
    <script type="text/javascript" src="/Content/Scripts/jsTree/jquery.hotkeys.js"></script> 
    <script type="text/javascript" src="/Content/Scripts/jsTree/jquery.jstree.js"></script>--> 

    <script type="text/javascript" src="/Content/Scripts/jquery-1.4.4.js"></script> 
    <script type="text/javascript" src="/Content/Scripts/jqGrid/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/grid.locale-en.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/grid.base.js"></script> 
<script type="text/javascript" src="/Content/Scripts/jqGrid/jqDnR.js"></script> 
</head> 
<body> 

<input type="button" id="button" /> 

<table id="table" class="classname" border="1"> 
<thead> 
<tr><th>sdfsdf</th><th>sdfgfdgdf</th><th>sdgfdfsgdfg</th></tr></thead> 
<tbody> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
<tr><td>bla</td><td>2nd td</td><td>3rd td</td></tr> 
</tbody> 
</table> 

<script type="text/javascript"> 

    // $("#button").click(function() { tableToGrid("#table"); }); 
    //$("#button").click(function() { tableToGrid("#table"); }); 
    $(document).ready(function() { tableToGrid("#table"); }); 

</script> 
</body> 
</html>

來源

2011-07-21 JanivZ

在你的代碼，你需要使用它的ID來參考下表：

tableToGrid("#table")

僅供參考，有一個tableToGridhere工作演示，New in version 3.3下| HTML Table to Grid。您可以在網絡上查看他們的代碼，也可以下載演示並在本地運行它們。

來源

2011-07-21 19:09:07

謝謝！我一直到達你提到的網站，但我無法找到這些例子。非常感謝：P – JanivZ

jqGrid tableToGrid函數

回答

相關問題