jqGrid tableToGrid関数

私はtableToGrid関数の使い方の簡単な例を見つけることができませんでした（または少なくとも私のサンプルを実行することができませんでした）。誰も助けることができますか？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>

更新：はここに私のHTMLテストだ私は、テーブルにいくつかのelemntsを追加し、それが働いた例を見て（とchangeing 『＃』に「」）の後に。ここに改訂された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。 Web上でコードを見ることができます。また、デモをダウンロードしてローカルで実行することもできます。

出典

2011-07-21 19:09:07

ありがとうございます！私はあなたが言及したサイトに到達し続けたが、私はそれらの例がどこにあったかを見つけることができなかった。ありがとうalot：P – JanivZ

jqGrid tableToGrid関数

答えて

関連する問題