我正在玩 openJS 网格。看完所有视频,但仍然卡住了。我正在使用最新的 OpenJS Grid 2.1.5。这里有几个问题:
当我使用基本设置示例时,将保存和删除设置为 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
));
?>
好的,至少在 JavaScript 中打开编辑标志,带回有意义的“保存”按钮。
<script type="text/javascript">
$(function() {
$(".purchases").grid({
editing:true
});
});
</script>
您需要在 JS 和 PHP 上启用保存和删除等功能(这是为了安全起见,我保证这是必要的邪恶)
CSS 我的朋友。只需一点点 CSS 就可以开始了。 grid.css 文件已被完整注释。这次我没有制作易于切换的主题。没有人使用这些。
要突出显示某列,请添加
$grid.on("cellClick", 函数(e,$cell) { $cell.closest(".col").find(".cell[数据行]").css("背景","蓝色") });
如果您还没有更新到 2.1.7,请更新。