Sintaxa de import pentru trimitere la dgrid de la typescript

Question

Sintaxa de import pentru trimitere la dgrid de la typescript

voturi

1

Sunt de învățare și mașina de scris, Dojo în paralel și acest lucru a expus înțelegerea mea limitată de AMD. Nu înțeleg cum de a lega împreună o declarație de import pentru al 3-lea partid modulul „dgrid / Grid“ AMD, declarația mea dgrid.d.ts ciot și clasa mea de baut. După 2 zile de efort irosit Caut orice mijloace (Hacky sau AMD cele mai bune practici) pentru a executa următoarele:

MyModule.ts

{
    ...
    var myGrid = new dgrid.Grid( { /*col structure*/}, divId);
    ...
}

Aici este ciot meu fișier declarație pentru dgrid.

dgrid.d.ts (editat pentru sincronizarea cu Actualizare 1 de mai jos)

module dgrid/Grid
{
    export class Grid
    {
        constructor ( gridStructure: any, elementId: string);
    }
}

Am încercat următoarele referințe din clasa mea, dar mistuitor typescript Visual Studio subliniază „dgrid / Grid“ literal în roșu, deoarece cred că compilatorul TS este conștient de clasic Dojo dojoConfig, baseUrl și declarațiile de pachete dgrid în fișierul default.htm.

///<reference path='dgrid.d.ts' />

import Grid = module(dgrid/Grid);

module MyModule
{
   ...
}

Actualizați 1 Deoarece posta am citit capitolul 10 în manualul oficial masina de scris. Anterior , am reușit să recunoască semnificația modulelor declarate ca modul MyType {} sau modul „extern / Terță“ {}. O declarație ambiantă pentru un modul extern ar trebui să fie un literal.

Fundal:

Sunt folosind Dojo 1.8.0 referire la ajax.googleapis.com
este găzduit dgrid JavaScript local în / js / dgrid
Am încercat să urmărească îndeaproape pagina tutorial dgrid SitePen care arată clasic AMD necesită () de încărcare de dgrid http://dojofoundation.org/packages/dgrid/tutorials/hello_dgrid http://dojofoundation.org/packages/dgrid/tutorials/hello_dgrid /demo/simple.html

Necesită declarație:

require([dgrid/Grid, dojo/domReady!],
    function(Grid){

typescript js-amd dgrid

Întrebat 11/10/2012 la 13:43
sursa de către utilizator camelCase

În alte limbi...

2 răspunsuri

Valentin · Answer 1 · 2012-10-11 15:45

în urma (ușor modificat) Versiunea de cod compilează bine pentru mine:

MyModule.ts

///<reference path='./dgrid.d.ts' />
module MyModule {
    var gridInstance : dgrid.Grid = new dgrid.Grid("test1", "test2");
}

dgrid.d.ts

module dgrid
{
    class Grid
    {   
        constructor ( gridStructure: any, elementId: string);
    }   

}

///<reference path='...'/>Construcția aduce intern modulul dgridîn domeniul de aplicare. Prefixând numele tipului cu numele modulului face treaba.

Fenton · Answer 2 · 2012-10-11 14:52

Prima mea deși ar fi pentru a verifica dacă fișierul se află în locațiile pe care le crezi că este pentru această afirmație să lucreze:

///<reference path='dgrid.d.ts' />

Este dgrid.d.tsfișierul în același folder ca și fișierul modulul TS?

Actualizați:

În cazul în care declarația modulului să fie:

module dgrid {
    export class Grid {
        constructor ( gridStructure: any, elementId: string) {

        }
    }
}