最热门的Ext中文讨论社区专注于Extjs技术Ext 实际应用 .Net & Ext 专区 ExtSharp技术，用C#写ExtJs [图解]ExtSharp从安装到部署运行（二）

1 / 7 页

12 3 4 5 6 7

跳转页

查看:5129

[图解]ExtSharp从安装到部署运行（二）

本主题由管理员 extsharp 于 2008-9-8 11:23:12 执行设置精华/取消操作

extsharp

个人空间 相册
组别:管理员
性别:
来自:
积分:835
帖子:679
注册: 2008-07-08

2008-07-09 12:39 | 只看楼主

树型| 收藏| 小中大 1

[图解]ExtSharp从安装到部署运行（二）

在 SampleScript 项目中添加 ExtSharp.dll 引用，ExtSharp.dll文件在附件中可以找到！

下面这一点很重要：用记事本打开 F:\ExtSharpDemo\SampleScript 这个项目的 SampleScript.csproj 文件
找到：
<OutputPath>..\</OutputPath>
<ScriptPath>..\..\..\App_Scripts\</ScriptPath>
把这两个修改成如下：（共有两处哦）
<OutputPath>..\Web\Bin</OutputPath>
<ScriptPath>..\Web\App_Scripts\</ScriptPath>
把 <DocumentationFile>..\SampleScript.xml</DocumentationFile> 改成 <DocumentationFile>..\Web\Bin\SampleScript.xml</DocumentationFile>

这两个修改目的是指定编译后生成的js等文件的路径到Web目录下面！

继续：

附件: 您所在的用户组无法下载或查看附件
在两个项目中分别添加 HelloWorld.cs 和 HelloWorld.aspx

贴代码：
HelloWorld.cs

[复制到剪贴板]
CODE:
using System;
using ScriptFX;
using Ext;

namespace SampleScript
{
public class HelloWorld
{
//写一个静态的main方法，每个都是的
public static void main(Dictionary args)
{
ExtClass.onReady(new AnonymousDelegate(delegate() { new HelloWorld().init(); }));
}
//定义初始化内容
public void init()
{
//弹出一个对话框，很简单的写法，有智能感知，如果写的不对会编译不通过，这样避免了JS脚本错误
MessageBox.alert("Button Click", String.Format("You clicked the button"));
}
}
}

HelloWorld.aspx

[复制到剪贴板]
CODE:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HelloWorld.aspx.cs" Inherits="HelloWorld" %>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HelloWorld.aspx.cs" Inherits="HelloWorld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Hello World</title>

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js" ></script>
<script type="text/javascript" src="ext-all-debug.js" ></script>

</head>
<body>
<form id="form1" runat="server">
<ssfx:Scriptlet runat="server" ID="scriptlet" EnableDebugging="True" PrecompiledScriptlet="SampleScript.HelloWorld">
<References>
<ssfx:AssemblyReference Name="sscorlib"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="ssfx.Core"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="ExtSharp"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="SampleScript"></ssfx:AssemblyReference>
</References>
</ssfx:Scriptlet>
</form>
</body>
</html>

Web.config配置

[复制到剪贴板]

CODE:

<?xml version="1.0"?>
<?xml version="1.0"?>
<configuration>
<system.web>
<pages>
<controls>
<add tagPrefix="ssfx" namespace="nStuff.ScriptSharp.Web.UI" assembly="nStuff.ScriptSharp.Web, Version=0.4.2.0, Culture=neutral, PublicKeyToken=8fc0e3af5abcb6c4"/>
</controls>
</pages>
<compilation debug="true">
<assemblies>
<add assembly="nStuff.ScriptSharp.Web, Version=0.4.2.0, Culture=neutral, PublicKeyToken=8fc0e3af5abcb6c4"/>
</assemblies>
</compilation>
<globalization fileEncoding="UTF-8" requestEncoding="UTF-8" responseEncoding="UTF-8" />
</system.web>
</configuration>

好了，编译运行吧！效果图：

附件: 您所在的用户组无法下载或查看附件

整个项目的源码在附件中！

这只是一个工具，帮助你快速的生成兼容性好的没有bug的javascript代码。

【转自请注明出处为】

附件:

您所在的用户组无法下载或查看附件

extsharp 最后编辑于 2008-08-25 10:53:17

extsharp extsharp 个人空间相册组别:管理员性别: 来自: 积分:835 帖子:679 注册: 2008-07-08	2008-07-09 12:56 \| 只看楼主树型\| 收藏\| 小中大 2 回复：[图解]ExtSharp从安装到部署运行（二） http://www.extsharp.cn/showtopic-11.aspx 这个帖子里面有很详细的示例源码

extlover 个人空间相册组别:注册会员性别: 来自: 积分:80 帖子:65 注册: 2008-07-09	2008-07-09 18:03 \| 树型\| 收藏\| 小中大 3 回复：[图解]ExtSharp从安装到部署运行（二）按照步骤来了

extsharp extsharp 个人空间相册组别:管理员性别: 来自: 积分:835 帖子:679 注册: 2008-07-08	2008-07-09 22:56 \| 只看楼主树型\| 收藏\| 小中大 4 回复：[图解]ExtSharp从安装到部署运行（二）有什么问题大家一起讨论啊

robber 个人空间相册组别:注册会员性别: 来自: 积分:100 帖子:71 注册: 2008-07-09	2008-07-12 15:26 \| 树型\| 收藏\| 小中大 5 回复：[图解]ExtSharp从安装到部署运行（二）很强大

zhw511006 个人空间相册组别:超级版主性别: 生日:1984-6-6 来自: 积分:1083 帖子:978 注册: 2008-07-20	2008-07-20 14:17 \| 树型\| 收藏\| 小中大 6 回复：[图解]ExtSharp从安装到部署运行（二）学到不少东西，谢谢！宝剑锋从磨砺出，梅花香自苦寒来！

winson 个人空间相册组别:新手上路性别: 来自: 积分:11 帖子:11 注册: 2008-07-24	2008-07-24 19:45 \| 树型\| 收藏\| 小中大 7 回复：[图解]ExtSharp从安装到部署运行（二）看样子不错哦,EXT我也用过一阵子,后来觉得实在是太庞大了,感觉使用后网站速度会比较慢,所以现在还是改用jQuery,不过EXT的华丽界面实在是很吸引人,呵呵

firearmer 个人空间相册组别:新手上路性别: 来自: 积分:2 帖子:2 注册: 2008-08-26	2008-08-27 22:09 \| 树型\| 收藏\| 小中大 8 回复：[图解]ExtSharp从安装到部署运行（二）好东西，太谢谢楼主的分享了

03jinquan23 个人空间相册组别:新手上路性别: 来自: 积分:9 帖子:8 注册: 2008-08-26	2008-08-28 08:34 \| 树型\| 收藏\| 小中大 9 回复：[图解]ExtSharp从安装到部署运行（二）回复：[图解]ExtSharp从安装到部署运行（二）好东西，太谢谢楼主的分享了

nightzhang 个人空间相册组别:新手上路性别: 来自: 积分:11 帖子:11 注册: 2008-08-28	2008-08-29 11:34 \| 树型\| 收藏\| 小中大 10 回复：[图解]ExtSharp从安装到部署运行（二）实在感谢,两眼都泪汪汪了