`
文章列表
ExtJs官方网 http://www.extjs.com/   http://www.cnblogs.com/mogen_yin/ExtJS我的程序人生 http://www.cnblogs.com/wenjl520/category/159631.html?Show=All ExtJs中文站 http://www.ajaxjs.com/examples/ 一起EXT论坛 http://www.17ext.com/ EXT新手建议 http://www.iteye.com/topic/179990 Meetrice EXT JS 编程资料馆 http://www.cnblogs.com/me ...
最近,总有一些朋友向我咨询关于系分、项管论文写作的方法,初步总结了一下:1.要不要写论文标题:不需要,但一定要记得在答题纸上画圈。论文写作用的是格子稿纸,正文和论文也是分开的,看到稿纸就明白了。这里的一 ...
Ext2.0是一个javascript框架,它的Grid控件和其它可以显示数据的控件,能够支持多种数据类型,如二维数组、Json数据和XML数据,甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store,通过它我们可以把任何格式的数据转化成grid可以使用的形式,这样就不需要为每种数据格式写一个grid的实现了。 首先,一个表格应该有列定义,即定义表头ColumnModel:// 定义一个ColumnModel,表头中有四列var cm = new Ext.grid.ColumnModel([     {header:'编号',dataIndex:'id'},     ...
在开发EXT中,我分别使用了Aptana和Spket 一、Spket的安装1、Plugin:最低要求: eclipse平台运行时3.2.x ,文件为: spket-1.6.4.1.zip(与别的插件的安装无异,相信不用我多说了吧2、Spket IDE:最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse文件为:spket-1.6.4.1.jar安装步骤:1、打开cmd,2、在spket-1.6.4.1.jar文件目录下输入java -jar spket-1.6.4.1.jar3、回车(相信你已看到安装画面3、Update Site这是更新网站,为spket的 ...
ExtJS由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成:底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件,如图xx所示。    控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以 ...
一般的,如果我们定义一个类,会定义一个function对象,然后将公用方法写到其原型上,例如:var Tiger = function(){}Tiger.prototype.Hunting = function(){} 但是要建立一个完善的框架或者类库,没有继承帮忙,组织代码将是一件非常辛苦且难以管理的工作。Js中的类是function对象,实现继承,主要要将子类的原型设置为父类的一个实例(这样子类就用有了父类原型的所有成员),并重新将子类原型的构造器设置为子类自己。如以下代码所示:function Animal(){}function Tiger(){}Tiger.prototype = ne ...
extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 1.直接添加其他css文件换肤.皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下images文件夹下 设置css文件如下: 其实就是在原有的基础上添加了个xtheme-olive.css文件。 效果图:   2.配合cookie实现网站换肤   我们的目标: /*    用户可以选择自己的 ...
继续tree的learn! 今天就来个可增删改的树吧,操作数据库就使用比较方便的Linq,无非就是增删改! LinqData.dbml:html代码: <body>    <div id="container" style="float:left; margin-right:10px;">    </div>    <iframe name="mainFrame" id="mainFrame" src="http://www.baidu.com" widt ...
昨天有朋友说,在IE下有的时候ashx传过来的节点不能加载,其实我也出现这样的问题,很是烦人!今天extjs上看到了一个解决方案,觉得很好:如果treeLoader加载失败,会继续加载,直到成功加载。4.解决IE下非正常加载节点问题即使从服务器取到大量的数据,也没有问题。......基本代码一样,只有js代码的loader小小的修改下:  loader:new Ext.tree.TreeLoader({                url:"json.ashx",                listeners:{                    "loa ...
今天开始,我们就开始一起学习TreePanel了,道个歉,上篇的代码很乱阿.我总是喜欢用最简单的例子开始,去理解最基本的使用方法,减少对i后面高级使用的干扰!TreePanel是继承自Panel,所以很多在Panel中谈到的属性这里可能会一笔带过,如有问题,请参考ExtJs2.0学习系列(2)--Ext.Panel 1.第一个静态树--最简单的树效果图:html代码: <div id="container">    </div> js代码: Ext.onReady(function(){   var mytree=new Ext.tree.TreePa ...
XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:js代码: Ext.onReady(function(){    //数据源    var data={       name:"博客园",       read:[{           book:'<<道不远人>>',           date:'2007-7-7'       },{           book:"<<大话设计模式>>",           date:"2006-6-6"      ...
上一篇种我们简单的了解了下tabpanel下面我们要介绍的是,如何动态的添加标签页! 2.动态添加tabpanel的标签页效果图:点击"添加新标签页",会添加一个标签页,而且激活这个新的标签页.html代码: <body style="margin:10px;">    <div>    <a id="AddNewTab" href="javascript:void(0)">添加新标签页</a>    </div></body> js代码:
大家好,接着介绍extjs的基础吧,Tabpanel组件大家喜欢吧!(暂放首页2个小时.)照旧,看个最简单的先,后面再详细说复杂的!效果图片:js代码: Ext.onReady(function(){     var tabsDemo=new Ext.TabPanel({            renderTo:Ext.getBody(),            width:300,            activeTab:0,//当前激活标签            frame:true,            items:[{                      contentEl:& ...
在上篇和前面的介绍中,我们基本上对form表单中常见组件有了简单的认识,今天我们做个综合点的例子,向服务器提交下!其实这篇文章很简单,没有什么发光点,暂放首页半天,忘各位理解!先来个简单的例子,以说明formpanel如何把数据传给其他页面。效果图:现在我们要实现的效果是:点击确定,把值传到另一页面!,如下:原页面js代码为: Ext.onReady(function(){  Ext.QuickTips.init();  var form=new Ext.FormPanel({     frame:true,     width:300,     //monitorValid:true,//绑定 ...
N久没有写extjs的,作为一个新手,我为我的这种懒惰行为感到惭愧!鉴于有朋友反应前面的文章过于简单,我决定以后的文章如果没有闪光点就放在新手区(如果不适合,请跟帖),不放在首页!11.checkbox简单示例效果图: js代码: Ext.onReady(function(){  Ext.QuickTips.init();  var myform=new Ext.FormPanel({     frame:true,     width:330,     layout:"form",     labelWidth:30,     title:"checkbox简单 ...
Global site tag (gtag.js) - Google Analytics