文章标签 ‘UFrame’
继续上次内容翻译。 请转到“源码”标签查看最新版本。欢迎加入工程完善和修改BUG。 如何使用UFrame JQuery 1.2.3或以上 htmlparser.js 一款由Jquery的创建人John Resig修改original HTML Parser的 UFrame.js主库UFrame 所有这些都来自UFrame的源码。你可以在实例站点JavaScripts文件夹下找到这些脚本。 然后，你在 标签上添加"src"属性。例如： Loading Flickr photos… 就这样而已。当文档加载完毕，UFrame库(插入？)使DIV的行为像IFrame或UpdatePanel。 在ASP.NET MVC中使用UFrame 这是src属性指向一个MVC处理URL。结果像平常一样。 MVC的视图(View)如下施行。 This is /SomePage output. This is a widget kind of page which can be hosted many times using a unique ID Testing inline javascript: First: Last: Age: 正如你所见，MVC页面运行正常，你可以向同一页面Request读数据，Post数据。你可以用正规的MVC库，包括新的帮助库第二版。 错误处理 和IFRAME一样，UFrame能适当的显示页面错误。当一个未处理的异常出现将显示如下，UFrame具有完美地转换错误并显示到容器DIV的能力。 UFrame内核 UFrame让XMLHTTP调用SRC属性里的特别URL。它得到从源代码中输入的HTML。然后，它转换HTML找出所有内嵌和外链的脚本和样式表。 然后把样式表和脚本注入到浏览器的DOM中。然后等待所有的外链脚本下载完成。当下载完后，UFRAME注入所有的BODYHTML到DIV中， [...]
UFrame:好用的UpdatePanel和IFRAME的结合 UFrame使用DIV的行为像FRAME一样，能加载任何ASP.NET/PHP/HTML页面，允许DIV内发生回传和链接导航－一种无疼苦的方式让标准页面完全支持AJAX。 摘要 UFRAME结合了善良的UpdatePanel和IFRAME的跨浏览器和跨平台的解决方案。它允许一个DIV的行为像IFRAME一样从任何静态或者动态页面加载内容。它能像FRAME一样加载有内嵌或外连JS或CSS的页面。但是不像FRAME，它在主DOCUMENT中加载内容，你可以在你的页面中放任意多的UFrame而不延缓浏览器。它完美的支持ASP.NET的回传，并且你可以在UFRAME中添加DataGrid或者任何其它复杂的ASP.NET的控件。UFrame作为UpdatePanel的替代，UFRAME与ASP.NET兼容相当完美。最好的，UFrame是一个100%Javascript实现的跨平台的解决方案。因此，你可以在ASP.NET，PHP，JSP或者其它平台使用UFrame. UFrame不使用IFRAME也不使用UpdatePanel并且它非常快。 <div class="UFrame" id="UFrame1" src="SomePage.aspx?ID=UFrame1"> <p>This should get replaced with content from Somepage.aspx</p> </div> 从SomePage.aspx的Response被直接rendered UFrame内部。这里你看到两个UFrame加载相同的SomePage.aspx页面，就像他们被IFrame加载一样。另一个UFrame用来从AnoterPage.aspx加载显示Flickr的照片。 马上去看看 你可以从下面的网址测试UFrame： http://labs.dropthings.com/UFrame2005 -Visual Studio 2005版，NET2.0实现显示标准ASP.NET 2.0控件正常运行。 http://labs.dropthings.com/UFrameMvc – Visual Studio 2008 版显示ASP.NET MVC 使用UFrame终极替换UpdatePanel运行良好. 什么是UFrame? UFrame可以加载和host()页面(ASP.net,PHP,或者标准HTML)到DIV。不像IFrame，加载内容内部使用Frame与主文档无关，UFrame在同一个文档中加载内容。因为所有在主文档的Javascript,css流经下载区域。它正像UpdatePanel中IFRAME中的src属性。上面的UFrames像这样声明： <div id="UFrame1" src="SomePage.aspx" > <p>This should get replaced with content from Somepage.aspx</p> </div> UFrame的特征如下： ·你可以创建标准的ASP.NET/PHP/JSP/HTML页面，使他们的表现好像他们完全支持AJAX。简单标准的回传好像它是一个UpdatePanel,简单的链接表现好像内容是用AJAX下载的。 ·在DIV内部加载任何URL，可以是一个PHP，ASPNET，JSP，或者其它标准HTML页面。 ·和IFRAME你可以设置DIV的src属性，当UFrame库加载的时候转化为UFrames. ·和IFRAME不一样的，它加载内容到主文档。所以文档的CSS和Javascript在加载内容中可用。 ·它允许创建一个页面局部如同多个完整独立的页面。 每一个页面以单独页面创建。你能单独地创建、测试、调试每一个小页面然后把他们用UFrames融合到主页面。 它加载执行来自加载页面内嵌和外链的脚本。你也可以在UFrame回传时呈递不同的脚本。 所有的外链脚本在页面内容加载之前加载，同时所有的内嵌脚本当BODY和外链脚本加载完之后执行。这种方式是当Body内容已经可用内嵌脚本执行。 它加载内嵌和外链的CSS。 它非常好处理重复加载。它不会第二次加载同一Javascript或css。 下载代码 你可以从CodePlex下载最新版UFrame示例工程。 www.codeplex.com/uframe 今天先翻译到此，明天我将翻译下半部分，关于如何在具体项目中使用UFrame。 未完待续。。。
