jqGrid表格网格函数_Jqgrid - Fatal编程技术网

jqGrid表格网格函数

jqgrid

jqGrid表格网格函数,jqgrid,Jqgrid,我找不到一个简单的例子来说明如何使用tableToGrid函数（或者至少我无法运行我的示例）。有人能帮忙吗？下面是我的HTML测试： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="/Content/Scripts/jquery-1.4.4.js"><

我找不到一个简单的例子来说明如何使用tableToGrid函数（或者至少我无法运行我的示例）。有人能帮忙吗？下面是我的HTML测试：

<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>


第2次TD3次td
第2次TD3次td
第2次TD3次td
第2次TD3次td
//调试器；
//tableToGrid（'#classname'，{}）；
$（document）.ready（函数（）{tableToGrid（“.table”）；}）；

更新：在查看了示例（并将“.”改为“#”）之后，我向表中添加了一些元素，效果很好。以下是修改后的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>


SDFSDFGFDGDFSDGFFDGDFG
第2次TD3次td
第2次TD3次td
第2次TD3次td
第2次TD3次td
//$（“#按钮”）。单击（函数（）{tableToGrid（“#table”）；}）；
//$（“#按钮”）。单击（函数（）{tableToGrid（“#table”）；}）；
$（document）.ready（函数（）{tableToGrid（#table”）；}）；

在代码中，您需要使用表的ID引用表：

tableToGrid("#table")

作为参考，在3.3版的

新版本下有一个tableToGrid
的工作演示。您可以在web上查看他们的代码，也可以下载演示并在本地运行
 在代码中，需要使用表的ID引用表：
tableToGrid("#table")

作为参考，在3.3版的新版本下有一个tableToGrid
的工作演示。您可以在web上查看他们的代码，也可以下载演示并在本地运行
 谢谢大家!！我一直在访问你提到的网站，但我找不到这些例子在哪里。非常感谢：谢谢！我一直在访问你提到的网站，但我找不到这些例子在哪里。非常感谢