2

Componentsという名前のモジュール内に配置したGridコントロールをラップするための単純なクラスがあり、Firefox 14.0.1でテストすると、次のようになります。

TypeError：Components.Gridはコンストラクターではありません@ http：// ...

TypeScriptによって生成されたコードは次のとおりです。

var Components;
(function (Components) {
    Components.gridDefaults = {
        datatype: "json",
        autowidth: true,
        rowNum: 30,
        rowList: [
            10, 
            20, 
            30
        ],
        viewrecords: true,
        sortorder: "asc",
        pager: "#grid-pager"
    };
    var Grid = (function () {
        function Grid(selector, options) {
            var opts = Components.gridDefaults;
            if(options !== undefined && options !== null) {
                $.extend(opts, options);
            }
            this.grid = $(selector).jqGrid(opts);
        }
        Grid.prototype.setToolbar = function (options) {
            var pager = this.grid.getGridParam().pager;
            if(pager !== undefined && pager !== null) {
                this.grid.navGrid(pager, options);
            }
            return this;
        };
        Grid.prototype.jqGrid = function () {
            return this.grid;
        };
        Grid.prototype.filter = function (criteria) {
            this.grid.setGridParam({
                page: 1,
                postData: criteria
            });
            this.reload();
        };
        Grid.prototype.reload = function () {
            this.grid.trigger("reloadGrid");
        };
        return Grid;
    })();
    Components.Grid = Grid;    
})(Components || (Components = {}));

//@ sourceMappingURL=grid-component.js.map

そしてここでFirefoxがコンストラクターの欠如について不平を言っている行：

var grid = new Components.Grid("#grid-container", {
            url: "/Home/Data",
            colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
            colModel: [
                { name: 'id', index: 'id', width: 55 },
                { name: 'invdate', index: 'invdate', width: 90, jsonmap: "invdate" },
                { name: 'name', index: 'name asc, invdate', width: 100 },
                { name: 'amount', index: 'amount', width: 80, align: "right" },
                { name: 'tax', index: 'tax', width: 80, align: "right" },
                { name: 'total', index: 'total', width: 80, align: "right" },
                { name: 'note', index: 'note', width: 150, sortable: false }
            ],
            jsonReader: {
                id: "id",
                repeatitems: false
            }
        });

@TypeScriptチームの誰かから話を聞きたいです。

4

1 に答える 1

8

私はTypeScriptチームに所属しておらず、使用したこともありません。しかし、これはTypeScriptの問題ではないと私は信じています。問題は、Firefoxがネイティブとして含んでいるもの、つまりを上書きしようとしていることですComponents。

に変更した場合

var Comps;
(function (Components) {  // keep the local name or change to Comps, as you like
    Components.gridDefaults = {
    // ... 
})(Comps || (Comps = {}));
var grid = new Comps.Grid("#grid-container", { /* ... */ });

私はそれがうまくいくと思います。

これは、Typescriptモジュール名を変更することを意味すると思います。しかし、私はそれについて何も知りません。

于 2013-02-08T15:39:27.923 に答える