आयात वाक्य रचना संदर्भ टाइपप्रति से dgrid करने के लिए

Question

आयात वाक्य रचना संदर्भ टाइपप्रति से dgrid करने के लिए

वोट

1

मैं समानांतर में टाइपप्रति और डोजो सीख रहा हूँ और इस एएमडी की मेरी समझ सीमित अवगत कराया गया है। मुझे समझ नहीं आता 3 पार्टी dgrid / ग्रिड एएमडी मॉड्यूल, मेरी dgrid.d.ts ठूंठ घोषणा और मेरी उपभोक्ता वर्ग के लिए एक साथ एक आयात बयान टाई करने के लिए कैसे। नष्ट किये गए प्रयास के 2 दिनों के बाद मैं किसी भी तरह देख रहा हूँ (hacky या AMD सबसे अच्छा अभ्यास) निम्नलिखित निष्पादित करने के लिए:

MyModule.ts

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

यहाँ dgrid के लिए मेरे ठूंठ घोषणा फ़ाइल है।

dgrid.d.ts (नीचे अद्यतन 1 के साथ सिंक करने संपादित)

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

मैं अपने उपभोक्ता टाइपप्रति कक्षा में निम्नलिखित संदर्भ कोशिश की, लेकिन दृश्य स्टूडियो dgrid / ग्रिड लाल रंग में शाब्दिक को रेखांकित करता है, क्योंकि मुझे लगता है कि टीएस संकलक क्लासिक डोजो dojoConfig, baseurl और default.htm फ़ाइल में dgrid पैकेज घोषणाओं से अनजान है।

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

import Grid = module(dgrid/Grid);

module MyModule
{
   ...
}

1 अद्यतन पोस्टिंग मैं आधिकारिक टाइपप्रति के मैनुअल में 10 अध्याय के माध्यम से पढ़ने के बाद से। इससे पहले मैं मॉड्यूल मॉड्यूल MyType {} या मॉड्यूल बाहरी / तीसरे पक्ष {} के रूप में घोषित के महत्व को पहचान करने में विफल कर दिया था। एक बाहरी मॉड्यूल के लिए एक परिवेश घोषणा एक शाब्दिक होना चाहिए।

पृष्ठभूमि:

मैं डोजो 1.8.0 ajax.googleapis.com से संदर्भित उपयोग कर रहा हूँ
dgrid जावास्क्रिप्ट / js / dgrid में स्थानीय रूप से होस्ट किया गया है
मैं निकट SitePen dgrid ट्यूटोरियल क्लासिक एएमडी की आवश्यकता होती है () dgrid की लोडिंग दिखा पेज पालन करने के लिए कोशिश कर रहा हूँ http://dojofoundation.org/packages/dgrid/tutorials/hello_dgrid http://dojofoundation.org/packages/dgrid/tutorials/hello_dgrid /demo/simple.html

आवश्यकता बयान:

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

typescript js-amd dgrid

11/10/2012 को 13:43
का स्रोत उपयोगकर्ता camelCase

अन्य भाषाओं में...

2 जवाब

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

निम्नलिखित (हल्के से बदल) अपने कोड के संस्करण मेरे लिए ठीक संकलित:

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='...'/>निर्माण लाता आंतरिक मॉड्यूल dgridगुंजाइश में। मॉड्यूल के नाम के साथ प्रकार का नाम लगाकर काम करता है।

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

मेरी पहली हालांकि जांच करने के लिए है कि फाइल स्थानों आपको लगता है यह है इस बयान काम करने के लिए है हो सकता है:

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

है dgrid.d.tsअपने मॉड्यूल .ts फ़ाइल के रूप में एक ही फ़ोल्डर में फ़ाइल?

अद्यतन करें:

आप मॉड्यूल घोषणा होना चाहिए:

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

        }
    }
}