为Telerik®ASP UI添加TypeScript定义。NET AJAX套件

属性。本文解释如何获取和添加打印稿定义适用于Telerik®UI for ASP。净AJAX套件。

定位TypeScript定义

的2014年第三季度，打印稿定义可用于Telerik®UI for ASP。NET AJAX套件。它们位于TypeScriptDefinitions安装目录下的文件夹(例如:C:\Program Files (x86)\Progress\UI用于ASP。NET AJAX RX YYYY\ typescript定义）.

该文件夹包含Telerik.Web.UI.d.ts文件，其中包含对象的定义和microsoft.ajax.d.ts文件为MS AJAX框架对象。如果微软发布了更新版本，您也可以从互联网上获得后者。

手动添加TypeScript定义

打印稿文件需要被编译成JavaScript文件，所以它们只能在WebApplication项目类型。

下面的步骤将指导您添加打印稿应用程序项目中的定义:

1. 复制打印稿定义TypeScriptDefinitions安装文件夹到您的项目。

   图1:将Telerik TypeScript定义添加到项目中

   

2. 添加一个打印稿文件到您的项目。方法可以轻松找到它搜索已安装模板右上角的文本框:

   图2:向项目中添加TypeScript文件

   

   如果你没有看到打印稿文件选项，您需要添加打印稿通过安装TypeScript工具的Visual Studio．你可能也会发现有用的Web Essentials包添加了类似的功能，包括并排的TypeScript/JavaScript分屏。

3. 对于2013更新2之前的Visual Studio 2012和2013版本，您可能需要修改Csproj / vbproj文件来启用打印稿JavaScript翻译。这样做:

   1. 卸载项目(右键单击解决方案并选择Unload project)。

   2. 转到项目文件夹并打开< projectName >。csproj / .vbproj . csproj使用文本编辑器进行文件编辑。

   3. 如果您还没有看到下面的Import指令，请添加它。

      XML

      <进口项目= " $ (VSToolsPath) \ \ Microsoft.TypeScript手稿。= "目标”条件的存在(“$ (VSToolsPath) \打印稿\ Microsoft.TypeScript.targets’)”/>

   4. 将项目重新加载到Visual Studio中。这应该允许Visual Studio编译打印稿当您保存它们时，将它们转换为同名的JavaScript文件。

4. 引用将在页面上生成的JavaScript文件。要做到这一点，只需替换.ts扩展和. js．生成的. js默认情况下，文件将被解决方案排除:

   图3:引用由TypeScript文件生成的JavaScript文件。

   

5. 就像在标准JavaScript文件中一样编写代码。这意味着您不能使用服务器代码块，而且浏览器倾向于缓存该文件，因此您需要完全重新加载(通常是Ctrl+F5)来获得新版本。

另请参阅

• 什么是TypeScript

• 使用TypeScript的Telerik®UI为ASP。NET AJAX套件