TypeScript GridClient.GridClient类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中GridClient.GridClient类的典型用法代码示例。如果您正苦于以下问题：TypeScript GridClient类的具体用法？TypeScript GridClient怎么用？TypeScript GridClient使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了GridClient类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: require

    $(document).ready(function () {

        // require the GridClient module (which mimicks a normal client page)
        var __lg2 = require('GridClient');

        // find the element we will place the grid in
        var $grid = $('.mygrid');

        // find the element we will place any (grid) debug-comments in
        var $comment = $('.comment-text');

        //  create a new instance of the DEMO grid class which explains how to setup the light grid 
        var newGrid = new __lg2.GridClient();

        // prepare some data
        newGrid.prepare();

        // disable the apply button until grid is created
        $("#apply").attr('disabled', 'disabled');

        // act on user clicking createGrid button
        $('#btnCreateGrid').click(function () {

            // remove the create grid button
            $('#btnCreateGrid').remove();

            // enable the apply button
            $("#apply").removeAttr("disabled");

            // and tell it to create a grid inside the designated element
            newGrid.createGrid($grid, $comment);

            // find the element we will place any (grid) debug-comments in
            var rowcount = $('.rowcount').val();

            // repopulate the data
            newGrid.populateData(rowcount);
        });

        // now listen for Apply button clicks
        $('#apply').click(function () {

            // find the element we will place any (grid) debug-comments in
            var rowcount = $('.rowcount').val();

            // sanity check
            if (rowcount < 0 || rowcount > 50000) {
                // something is wrong so reset it back to 1000 rows!
                $('.rowcount').val("1000");

                // reset the number of rows to 1000 and inform the user with a red-ish banner
                rowcount = 1000;
                $comment.text("please select a number of rows below 50000 (and over zero)");
                $comment.css('background-color', "rgb(253, 175, 175)");

                // start a 3 seconds wait then re-popuplate
                setTimeout(function () {
                    $comment.css('background-color', "");
                    newGrid.populateData(rowcount);
                }, 3000);
                return;
            }

            // repopulate the data
            newGrid.populateData(rowcount);

        });

    });

开发者ID:mheere，项目名称:bluesky-grid，代码行数:69，代码来源:main.ts

示例2: setTimeout

        $('#apply').click(function () {

            // find the element we will place any (grid) debug-comments in
            var rowcount = $('.rowcount').val();

            // sanity check
            if (rowcount < 0 || rowcount > 50000) {
                // something is wrong so reset it back to 1000 rows!
                $('.rowcount').val("1000");

                // reset the number of rows to 1000 and inform the user with a red-ish banner
                rowcount = 1000;
                $comment.text("please select a number of rows below 50000 (and over zero)");
                $comment.css('background-color', "rgb(253, 175, 175)");

                // start a 3 seconds wait then re-popuplate
                setTimeout(function () {
                    $comment.css('background-color', "");
                    newGrid.populateData(rowcount);
                }, 3000);
                return;
            }

            // repopulate the data
            newGrid.populateData(rowcount);

        });

开发者ID:mheere，项目名称:bluesky-grid，代码行数:27，代码来源:main.ts

示例3:

        $('#btnCreateGrid').click(function () {

            // remove the create grid button
            $('#btnCreateGrid').remove();

            // enable the apply button
            $("#apply").removeAttr("disabled");

            // and tell it to create a grid inside the designated element
            newGrid.createGrid($grid, $comment);

            // find the element we will place any (grid) debug-comments in
            var rowcount = $('.rowcount').val();

            // repopulate the data
            newGrid.populateData(rowcount);
        });

开发者ID:mheere，项目名称:bluesky-grid，代码行数:17，代码来源:main.ts

注：本文中的GridClient.GridClient类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。