ExtJs学习笔记(12)_Anchor布局 2017年02月06日 99 阅读 ExtJs学习笔记(12)_Anchor布局2010-11-16 cnblogs yjmyzzAnchor布局的效果直接看代码和效果图最为直观Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="http://www.w3.org/1999/xhtml"><...
ExtJs学习笔记(13)_Card布局 2017年02月06日 90 阅读 ExtJs学习笔记(13)_Card布局2010-11-16 cnblogs yjmyzz这个布局其实最为麻烦,主要是用来实现类似"上一步","下一步"类似向导的界面代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
ExtJs学习笔记(14)_Column布局 2017年02月06日 100 阅读 ExtJs学习笔记(14)_Column布局2010-11-16 cnblogs yjmyzzColumn布局有点象传统html中的table的td,但是也有不同的地方:先看下代码<script type="text/javascript"> Ext.onReady(function(){ var win=new Ext.Window({ title:"Column Layout", ...
ExtJs学习笔记(15)_fit布局 2017年02月06日 89 阅读 ExtJs学习笔记(15)_fit布局2010-11-16 cnblogs yjmyzzfit布局很好理解,容器内的组件会自动充满整个容器<script type="text/javascript"> Ext.onReady(function() { var win = new Ext.Window({ title: "fit Layout", height: 200, ...
ExtJs学习笔记(16)_Form布局 2017年02月06日 95 阅读 ExtJs学习笔记(16)_Form布局2010-11-16 cnblogs yjmyzz这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例<script type="text/javascript"> Ext.onReady(function() { var win = new Ext.Window({ title: ...
ExtJs学习笔记(17)_table布局 2017年02月06日 96 阅读 ExtJs学习笔记(17)_table布局2010-11-16 cnblogs yjmyzztable布局顾名思义,就是象table表格一样的布局<script type="text/javascript"> Ext.onReady(function() { var win = new Ext.Window({ title: "table Layout", height: 21...
ExtJs学习笔记(18)_ExtJs嵌入FCK示例 2017年02月06日 86 阅读 ExtJs学习笔记(18)_ExtJs嵌入FCK示例2010-11-16 cnblogs yjmyzz<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head> <meta http-equiv="Content-Type&quo...
ExtJs学习笔记(19)_复杂Form示例 2017年02月06日 78 阅读 ExtJs学习笔记(19)_复杂Form示例2010-11-16 cnblogs yjmyzzForm布局在所有布局中是最为复杂,使用频度最广,同时也是最难掌握的,下面给出几个示例1.登录UI界面Login UI<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...
ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互 2017年02月06日 85 阅读 ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互2010-11-16 cnblogs yjmyzzExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的,可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的),不仅组件丰富,效果漂亮,而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互.这里我们将演示的...
ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据 2017年02月06日 90 阅读 ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据2010-11-16 cnblogs yjmyzz个人认为,XTemplate是中最灵活的用来显示数据的组件,有点类似aspx中的Repeater控件,显示数据的模板完全可以由用户以html方式来定制.先给一个官方的静态示例(稍微改了下),代码并不复杂,关键的地方,我已经注释了1 <script type="text/javascript">2 Ex...
ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页 2017年02月06日 82 阅读 ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页2010-11-16 cnblogs yjmyzzExtJs的Grid组件虽然不管从哪一方面来讲,都称得上是很好很强大,但是总会有一些应用场景并不需要这么多功能,比如网站的留言列表,开发者只想要一个简单的<li>或<table>列表而已,这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互,生成数据列表,同时加上...
ExtJs学习笔记(23)-ScriptTagProxy+XTemplate+WCF跨域取数据 2017年02月06日 82 阅读 ExtJs学习笔记(23)-ScriptTagProxy+XTemplate+WCF跨域取数据2010-11-16 cnblogs yjmyzzajax应用中跨域一直是一个非常麻烦的问题,目前也有一些解决办法,但要么比较麻烦,要么就不具备通用性,幸好里的ScriptTagProxy提供了跨域读取数据的功能,而且在几大浏览器上都可以正常运行,但在使用过程中要注意几点:1.服务端返回时,必须按以下格式返回:stcCallback1001({...})其中stc...
ExtJs学习笔记(24)-Drag/Drop拖动功能 2017年02月06日 85 阅读 ExtJs学习笔记(24)-Drag/Drop拖动功能2010-11-16 cnblogs yjmyzz直接给代码吧,主要重点已经在代码里注释了Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm...
Extjs学习笔记 - 初篇 2017年02月06日 90 阅读 Extjs学习笔记 - 初篇2010-12-05realsmy无意中接触到的Extjs,还去baidu查了查什么是Extjs,随之,被它酷酷的外 表迷惑了,即使很多人在议论着它几百K的胖客户端所带来的性能问题,依旧不 会影响我学习它的心情。对于Extjs的前景我没资格谈,也不想谈,这个 问题离我太远。Extjs就是一个js库,里面封装了很多常用的UI组件,目 前的版本是2.0。关于学习Extjs官方网站: http://www.extjs.com/这里当然...
Extjs学习笔记 - 实战 2017年02月06日 91 阅读 Extjs学习笔记 - 实战2010-12-05久城在学Extjs的时候,见过别人对Extjs和Flex的比较。记得当时有人说Extjs和根本不是一个层次上的框架,但那时我依然连Flex是什么都没有去查,而毅 然的选择了Extjs。但可笑的是,下一个项目的应用就是Flex。由于项目 的紧张,也许对Extjs的学习将要告一段落了。所以,我该写点什么。用 Extjs做登录index.html<div id="north- div"&g...
ExtJS学习笔记 - onReady 2017年02月06日 82 阅读 ExtJS学习笔记 - onReady2010-12-05这几天在学习ExtJS,爱上了它丰富的漂亮的UI。让人开心的是,只要通过编写javascript就能做出专业的美工来,这对于人员来说是如此大的魅力呢。首先是使用ExtJS的准备工作,把adapter和resources两个文件夹,和ext-all.js文件复制到我们的项目中。然后在页面中引入,代码如下:Code<link href="ExtJS/resources/css/ext-a...
ExtJs与WCF之间的跨域访问 2017年02月06日 85 阅读 ExtJs与WCF之间的跨域访问2010-12-05 博客园 jillzhang在上一篇文章<<ExtJs+WCF+LINQ实现分页Grid>>中用ExtJs与Wcf交互实现了分页Grid,回复中心有灵犀同学希望能采用跨域访问的方式,这个问题其实也困扰了我很久,本来ExtJS用ScriptTagProxy支持跨域访问的,如果服务端是.aspx的页面文件,也非常好实现,但换作WCF,问题就复杂起来。本文尝试解决这个问题,方案不是很巧妙...
再说ExtJs与WCF之间的跨域访问 2017年02月06日 93 阅读 再说ExtJs与WCF之间的跨域访问2010-12-05张玉彬在前面文章ExtJs与WCF之间的跨域访问已经通过服务端代理的方式解决了 ExtJs与WCF跨域访问的问题,那个方案看起来并不怎么优雅,而当我在写过用 Restful方式调用WCF进行上传下载后,愕然发现原来WCF支持原生数据(Raw)的返 回,这就解决了ExtJs与Wcf之间进行跨域调用中的难题:返回数据必须满足 <script>格式。下面根据ExtJs与WCF之间的跨域访问中实现...
Extjs and VS2005(C#)之简单MessageBox 2017年02月06日 87 阅读 Extjs and VS2005(C#)之简单MessageBox2010-12-05 博客园 Haisen在Extjs and VS2005(C#)之如何把Extjs 加入到项目中去....之上加一个简 单事件就是说,当单击工具栏上的按鈕后,弹出一个小窗口,而背景变为透明,不 可用状态.....图片:在这里,我们直接修改上面的myPanel.js文件......Ext.onReady(function(){new Ext.Panel({renderTo:...
IE6中ExtJS Grid表头下拉菜单错乱问题 2017年02月06日 85 阅读 IE6中ExtJS Grid表头下拉菜单错乱问题2010-12-05 blogjava harvestfly今天使用ExtJS 2.2.1进行页面开发时,发现在IE6中的Grid的表头显示异常 ,图标和文字发生错乱,如图: 在Firefox和chrome显示都是正常的,很是奇怪,难道是版本问题?将2.2版本和2.2.1版本的ext-all.css进行了比较,发现有两处不一样,改回 2.2版本后一切正常:找到.x-menu a.x-menu-item{dis...