Question

我在玩openJS网格。通过所有视频，但仍然卡住。我使用的是最新的OpenJS Grid 2.1.5。在这里结合问题：

当我使用基本设置示例时，如果将save和delete设置为true，我看不到任何一个显示在网格中。我错过了什么？
如何更改主题？该示例只有白色背景主题。我想将其更改为类似于视频教程深色主题。我该怎么做？
如何选择行，突出显示列？我单击该列，它只是进行排序。单击单元格，它不会选择该行，也不会将其置于顶部，如视频中所示。

谢谢，

韦，

html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="../grid.css" title="openJsGrid"/>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
    <script src="../jquery.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript">    </script>
    <script src="../root.js"></script>
    <script src="../grid.js"></script>

    <script type="text/javascript">
        $(function() {
            $(".purchases").grid();
        });
    </script>
</head>
<body>
    <h2>Insider Purphases</h2>
    <table class="grid purchases" action="insider.php">
      <tr>
        <th col="Insider">Insider Name</th>
        <th col="Company">Company</th>
        <th col="Symbol">Symbol</th>
        <th col="Amount">Amount</th>
        <th col="Relationship">Relationship</th>
        <th col="Date">Date</th>
      </tr>
    </table>
</body>
</html>

php文件

<?php
// connect to db
mysql_connect("localhost","root","");
mysql_select_db("insidertrades");

// require our class
require_once("../grid.php");

// load our grid with a table
$grid = new Grid("purchases", array(
    "save"=>true,
    "delete"=>true
));
?>

Answer 1

好的，至少在javascript中打开了编辑标记，带回了“保存”按钮，这是有意义的。

        <script type="text/javascript">
        $(function() {
            $(".purchases").grid({
              editing:true
           });
        });
    </script>

Answer 2

很抱歉，直到10个月后我才看到这个。我没有监视OpenJS Grid问题的堆栈。

1）你需要在JS和PHP上转换保存和删除等功能（这是为了安全，我保证这是一个必要的恶魔）

2）CSS我的朋友。只需要一点点CSS就可以了。 grid.css文件已完全注释。这次我没有轻易切换主题。没有人使用这些。

3）要突出显示列，请添加

$grid.on("cellClick", function(e,$cell) {
    $cell.closest(".col").find(".cell[data-row]").css("background","blue")
});

只是为了给你一个主意。如果您还没有，请更新到2.1.7。

谢谢！

结合关于openJS网格的新手问题

2 个答案: