1

私はopenJSグリッドで遊んでいます。すべてのビデオを確認しましたが、まだ立ち往生しています。最新の OpenJS Grid 2.1.5 を使用しています。ここでいくつかの質問:

  1. 保存と削除を true に設定して、基本的なセットアップの例を使用した場合、どちらもグリッドに表示されません。私は何が欠けていますか？

  2. テーマを変更するにはどうすればよいですか? この例には、白い背景のテーマがあります。ビデオチュートリアルの暗い色のテーマに似たものに変更したいと思います。それ、どうやったら出来るの？

  3. 行を選択して列を強調表示するにはどうすればよいですか? 列をクリックすると、並べ替えが行われます。セルをクリックすると、ビデオに示されているように、行は選択されず、上部にも配置されません。

ありがとう、

魏さん

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
));
?>
4

2 に答える 2

1

わかりました、少なくともJavaScriptの編集フラグをオンにして、意味のある「保存」ボタンを戻します。

        <script type="text/javascript">
        $(function() {
            $(".purchases").grid({
              editing:true
           });
        });
    </script>
于 2013-05-20T02:36:11.667 に答える