Welcome

首页 / 脚本样式 / ExtJS

Extjs框架简介

2017-02-06 34
Extjs框架简介2010-04-21序言ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。功能丰富，无人能出其右无论是界面之美，还是功能之强，ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，推拽改变列宽度，按列排序，这些基本功能咱们就不提了。自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。再加上可编辑grid，添加新...

ExtJs2.0学习系列（1）--Ext.MessageBox

2017-02-06 33
ExtJs2.0学习系列（1）--Ext.MessageBox2010-04-21 博客园 谦虚的天下大家都知道，刚开始搞extjs的时候，很是有点困难，所以本人在新手刚入门后准备了这个系列的文章。个人认为用extjs做后台很不错，布局比较完美！1.Ext.MessageBox.alert（）方法有四个参数，为简单起见，主要介绍前面三个参数：alert（ title , msg , function（）{} ）其中title，msg为必选参数，functi...

ExtJs2.0学习系列（2）--Ext.Panel

2017-02-06 27
ExtJs2.0学习系列（2）--Ext.Panel2010-04-21 博客园 谦虚的天下上一篇文章，受到了大家的褒贬不一，还是有的朋友提出好的建议，在此表示感谢！今天介绍extjs中的Panel组件。//html代码<div id="container"> </div>//js代码var p = new Ext.Panel（{title: "My Panel",//标题collapsible:true,//...

ExtJs2.0学习系列（3）--Ext.Window

2017-02-06 32
ExtJs2.0学习系列（3）--Ext.Window2010-04-21 博客园 谦虚的天下前面介绍了panel组件--，今天将介绍window组件，它继承自panel。先介绍个最简单例子//html代码<div id="win" class="x-hidden"> </div>//js代码var w=new Ext.Window（{ contentEl:"win"...

ExtJs2.0学习系列（4）--Ext.FormPanel之第一式

2017-02-06 36
ExtJs2.0学习系列（4）--Ext.FormPanel之第一式2010-04-21 博客园 谦虚的天下中我们讨论了Ext.window的简单使用，今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候： //查看源代码便知，两种方法是一样的Ext.form.FormPanel=Ext.FormPanel;我们还是从最简单的代码实例开始吧：<！--html代码--><body><...

ExtJs2.0学习系列（5）--Ext.FormPanel之第二式

2017-02-06 32
ExtJs2.0学习系列（5）--Ext.FormPanel之第二式2010-04-21 博客园 谦虚的天下中我们简单的谈到了FormPanel中的fieldset和ComboBox,今天我们继续把这个话题说下去，说全一点，说深一点。3.可选的fieldset实例其实就是带个chechbox，有点像论坛注册时有一部分是选填信息的那种效果，主要知识点：//因为觉得这个参数特别，特举一例以说明1.checkboxToggle:true//true则呈现一个带c...

ExtJs2.0学习系列（6）--Ext.FormPanel之第三式（ComboBox篇）

2017-02-06 37
ExtJs2.0学习系列（6）--Ext.FormPanel之第三式（ComboBox篇）2010-04-21 博客园 谦虚的天下前言：说句实话，此extjs系列的文章在博客园中的热度不高，可能是学这玩意的人不多吧，但是我觉得有这么个系列的文章对于中国朋友非常有帮助！请大家支持！上篇中我们讨论了下fieldset和表单验证的知识，今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互，但暂不做深入讨论，以后会详细分析服...

ExtJs2.0学习系列（7）--Ext.FormPanel之第四式（其他组件示例篇）

2017-02-06 30
ExtJs2.0学习系列（7）--Ext.FormPanel之第四式（其他组件示例篇）2010-04-21 博客园 谦虚的天下N久没有写extjs的，作为一个新手，我为我的这种懒惰行为感到惭愧！鉴于有朋友反应前面的文章过于简单，我决定以后的文章如果没有闪光点就放在新手区（如果不适合，请跟帖），不放在首页！11.checkbox简单示例效果图：js代码：Ext.onReady（function（）{Ext.QuickTips.init（）;var myfor...

ExtJs2.0学习系列（8）--Ext.FormPanel之第五式（综合篇）

2017-02-06 30
ExtJs2.0学习系列（8）--Ext.FormPanel之第五式（综合篇）2010-04-21 博客园 谦虚的天下在和前面的介绍中，我们基本上对form表单中常见组件有了简单的认识，今天我们做个综合点的例子，向服务器提交下！其实这篇文章很简单，没有什么发光点，暂放首页半天,忘各位理解！先来个简单的例子，以说明formpanel如何把数据传给其他页面。效果图：现在我们要实现的效果是：点击确定，把值传到另一页面！，如下：原页面js代码为：Ext.onRea...

ExtJs2.0学习系列（9）--Ext.TabPanel之第一式

2017-02-06 32
ExtJs2.0学习系列（9）--Ext.TabPanel之第一式2010-04-21 博客园 谦虚的天下大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧！（暂放首页2个小时.）照旧,看个最简单的先,后面再详细说复杂的！效果图片:js代码:Ext.onReady（function（）{ var tabsDemo=new Ext.TabPanel（{renderTo:Ext.getBody（）,width:300,activeTab:0,/...

ExtJs2.0学习系列（10）--Ext.TabPanel之第二式

2017-02-06 34
ExtJs2.0学习系列（10）--Ext.TabPanel之第二式2010-04-21 博客园 谦虚的天下种我们简单的了解了下tabpanel下面我们要介绍的是，如何动态的添加标签页！2.动态添加tabpanel的标签页效果图:点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码:<body style="margin:10px;"><div><a id=&qu...

ExtJs2.0学习系列（11）--Ext.XTemplate

2017-02-06 34
ExtJs2.0学习系列（11）--Ext.XTemplate2010-04-21 博客园 谦虚的天下XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码:Ext.onReady（function（）{//数据源var data={ name:"博客园", read:[{ book:"<<道不远人>>", date:"2007-7-7" },{ book:"<&...

ExtJs2.0学习系列（12）--Ext.TreePanel之第一式

2017-02-06 30
ExtJs2.0学习系列（12）--Ext.TreePanel之第一式2010-04-21 博客园 谦虚的天下今天开始,我们就开始一起学习TreePanel了，道个歉，的代码很乱阿.我总是喜欢用最简单的例子开始,去理解最基本的使用方法,减少对i后面高级使用的干扰！TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列（2）--Ext.Panel1.第一个静态树--最简单的树效果图:...

ExtJs2.0学习系列（13）--Ext.TreePanel之第二式

2017-02-06 31
ExtJs2.0学习系列（13）--Ext.TreePanel之第二式2010-04-21 博客园 谦虚的天下昨天有朋友说,在IE下有的时候ashx传过来的节点不能加载,其实我也出现这样的问题,很是烦人！今天extjs上看到了一个解决方案，觉得很好:如果treeLoader加载失败，会继续加载，直到成功加载。4.解决IE下非正常加载节点问题即使从服务器取到大量的数据，也没有问题。……基本代码一样，只有js代码的loader小小的...

ExtJs2.0学习系列（14）--Ext.TreePanel之第三式（可增删改的树）

2017-02-06 31
ExtJs2.0学习系列（14）--Ext.TreePanel之第三式（可增删改的树）2010-04-21 博客园 谦虚的天下继续tree的learn！ 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改！LinqData.dbml:html代码:<body><div id="container" style="float:left; margin-right:10px;"...

ExtJs2.0学习系列（15）--extjs换肤

2017-02-06 34
ExtJs2.0学习系列（15）--extjs换肤2010-04-21 博客园 谦虚的天下extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤.1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件（如xtheme-olive.css）拷贝到extjs的resources目录下css文件夹里面:解压皮肤文件,把里面的相应的 image文件夹下的目录（比如olive）拷贝到extjs的resour...

基于ASP.NET MVC PV3与ExtJS2.0的开发

2017-02-06 37
基于ASP.NET MVC PV3与ExtJS2.0的开发2010-04-21 cnblogs 先看效果图：看上去很酷吧，呵呵：）以上功能主要有以下几个文件组成：显示、删除功能实现...

带CheckBox的Extjs ComboboxTree

2017-02-06 33
带CheckBox的Extjs ComboboxTree2010-04-21实现效果如下：Ext.onReady（function（）{//自定义扩展一个带Tree的comboBoxExt.ux.LovTreeCombo = Ext.extend（Ext.form.ComboBox, {initList: function（） {this.list = new Ext.tree.TreePanel（{floating: true,autoHeight: f...

ExtJs之Ext.widgets-Button,SplitButton,CycleButton

2017-02-06 29
ExtJs之Ext.widgets-Button,SplitButton,CycleButton2010-04-21Ext.Actionaction实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:）,因为容器要实现下面所有的方法setText（string）, setIconCls（string）, setDisabled（boolean...

ExtJs使用IFrame的实现代码

2017-02-06 26
ExtJs使用IFrame的实现代码2010-04-21Iframe 有的时候还是须要的，比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段。希望对用ExtJS开发的兄弟做个参考。环境：Microsoft Visual Studio 2008 Sp1Asp.net MVCExtJs 3.1.1使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:"iframepane...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图