摘要:
继续tree的learn! 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改!LinqData.dbml:html代码:[代码]css代码:[代码]效果图: 图就不多贴出来,下面看核心代码:核心代码:js代码:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHi... 阅读全文
摘要:
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤.1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面:解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下images文件夹... 阅读全文
摘要:
昨天有朋友说,在IE下有的时候ashx传过来的节点不能加载,其实我也出现这样的问题,很是烦人!今天extjs上看到了一个解决方案,觉得很好:如果treeLoader加载失败,会继续加载,直到成功加载。4.解决IE下非正常加载节点问题即使从服务器取到大量的数据,也没有问题。......基本代码一样,只有js代码的loader小小的修改下:[代码]5.使用TreeNodeUI在node中我们可以用专门... 阅读全文
摘要:
今天开始,我们就开始一起学习TreePanel了,道个歉,上篇的代码很乱阿.我总是喜欢用最简单的例子开始,去理解最基本的使用方法,减少对i后面高级使用的干扰!TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:html代码:[代码]js代码:[代码]在这... 阅读全文
摘要:
上一篇种我们简单的了解了下tabpanel下面我们要介绍的是,如何动态的添加标签页!2.动态添加tabpanel的标签页效果图:点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码:[代码]js代码:[代码]简单说明:[代码]3.稍微修改上面的例子tabpanel(官方的例子)效果图:我就不多说了,关键的几个参数注释了下[代码]js代码:[代码]4.为tabpanel标签页... 阅读全文
摘要:
XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码:[代码]简要说明:[代码]接下来,我们做个服务器的例子(好像很多朋友对这个要求很强烈啊)实例演示:用模板呈现服务器数据效果图:html代码:[代码]css代码:[代码]js代码:[代码]先看看数据库数据:字段,数据都很清楚.下面是服务器getXtemplateData.ashx的代码:[代码]今天对XTemp... 阅读全文
摘要:
大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!(暂放首页2个小时.)照旧,看个最简单的先,后面再详细说复杂的!效果图片:js代码:[代码]html代码:[代码]在这里例举几个参数:[代码]经常我们有这么个情况,一个选项卡加载一个页面,这里我提供一种不是很好但是很稳定的简单方法(已经在项目中验证没有出现问题).就是:使用iframe作为tab的标签页内容.1.用iframe加载... 阅读全文
摘要:
在上篇和前面的介绍中,我们基本上对form表单中常见组件有了简单的认识,今天我们做个综合点的例子,向服务器提交下!其实这篇文章很简单,没有什么发光点,暂放首页半天,忘各位理解!先来个简单的例子,以说明formpanel如何把数据传给其他页面。效果图:现在我们要实现的效果是:点击确定,把值传到另一页面!,如下:原页面js代码为:[代码]接受页面GetForm.aspx的cs代码为:[代码]因为很简单... 阅读全文
摘要:
前言:说句实话,此extjs系列的文章在博客园中的热度不高,可能是学这玩意的人不多吧,但是我觉得有这么个系列的文章对于中国朋友非常有帮助!请大家支持!上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识,今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务... 阅读全文
摘要:
N久没有写extjs的,作为一个新手,我为我的这种懒惰行为感到惭愧!鉴于有朋友反应前面的文章过于简单,我决定以后的文章如果没有闪光点就放在新手区(如果不适合,请跟帖),不放在首页!11.checkbox简单示例效果图:js代码:[代码]关于多列布局,我们可以使用column或者table布局解决![代码]12.radio简单示例基本上和checkbox一样,不过注意一组单选框必须name值相同,才... 阅读全文