1

前に誰かに聞かれたかもしれませんが、Q&A を確認したところ、私の質問に対する適切な回答が見つかりませんでした。そのため、テーブルに 30K を超えるデータを表示する ng-grid テーブルを使用しています。表示するデータはサーバーからのもので、リアルタイム データです。テーブルに複数の列があります。1 つの行の 3,4 セルの値がゼロの場合があります。したがって、選択に基づいてゼロセルを非表示/表示するチェック/チェック解除ボタンが必要です。どうすればいいですか？ng-hide を使用していますか? はいの場合、どのように呼び出す必要がありますか? アイデアをいただければ幸いです。必要に応じて、コードを提供できます。前もって感謝します！

js

app.controller('MyController', function ($scope, Stream, liveData) {

$scope.myData = liveData.myData;
$scope.$apply();
};

    Stream.start();

    var customCell = '<div ng-class="{red: row.getProperty(col.field) < 0, blue: row.getProperty(col.field) > 0 , black: row.getProperty(col.field) == 0}"><div class="ngCellText">{{row.getProperty(col.field) | number | replace}}</div></div>';
    $scope.gridOptions = {
        data: 'myData',
        showFilter: true,
        showColumnMenu: true,
        showFooter: true,

    columnDefs: [
            {
                field: 'name',
                displayName: 'Name',
                cellClass: 'text-center',

            },

            {
                field: 'amountSent',
                displayName: 'Amount Sent',
                cellClass: 'text-center'
            },  

            {
                field: 'amountReceived',
                displayName: 'Amount Received',
                cellClass: 'text-center'
            },
                field: 'currentBalance',
                displayName: 'Current balance',
                cellTemplate: customCell,
                cellClass: 'text-right'
     ],

    };

});

html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Table">
<head>
    <title>Payments</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="/Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/Content/ng-grid.min.css" />
    <link rel="stylesheet" type="text/css" href="/Content/indexStyle.css" />

</head>

<body>        
    <div ng-view></div>
    <h1>Payment Table</h1>
    <div class="gridStyle" ng-grid="gridOptions"></div>

    <script src="/Scripts/jquery-1.11.3.min.js"></script>
    <script src="/Scripts/jquery.color-2.1.2.min.js"></script>
    <script src="/Scripts/json2.js"></script>
    <script src="/Scripts/jquery.signalR-2.2.0.js"></script>
    <script src="/Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script src="/signalr/hubs"></script>
    <script src="/Scripts/angular.min.js"></script>
    <script src="/Scripts/angular-route.js"></script>
    <script src="/Scripts/angular-animate.js"></script>
    <script type="text/javascript" src="/Jscript/app.js"></script>
    <script src="/Jscript/MyController.js"></script>
    <script src="/Scripts/ng-grid.min.js"></script>
</body>
</html>
4

1 に答える 1

1

「toogle()」のような簡単なメソッドを書くことができます。

これを確認する必要があります

詳細については、こちらを参照 してください。おそらく、コントローラーでこのメソッドを定義できます。あなたが私の友人を望むように。頑張ってください...さらに助けが必要な場合は、もう一度私に連絡してください;)

于 2015-07-21T11:00:24.623 に答える