Question

我有一个简单的类来包装Grid控件，我将它放在一个名为Components的模块中，当我在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团队的消息。~~

Answer 1

我不是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模块名称。但我对此一无所知。

Firefox无法生成使用TypeScript生成的类的实例

1 个答案: