摘要:
DomHelper和Template动态生成html 用dom生成html元素一直是头疼的事情,以前都是听springside的教导,使用jsTemplate和Scriptaculous的组合。现在到了ext里面,我们就来看看它自己的实现。 DomHelper用来生成小片段 使用DomHelper非常灵活,超简单就可以生成各种html片段,遇到复杂情况也要依靠于它。 大概就是这么用 var list = Ext.DomHelper.append('parent', {tag: 'div', cls: 'red'}); 它就是向id=parent这个元素里,添加一个div元素。 按照文档里讲的, 阅读全文
摘要:
XTemplate是Extjs里面的模板组件.下面我们看个最简单的例子.效果图:附件: XtemplateData Demo.gif js代码: Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'道不远人', date:'2007-7-7' },{ book:"大话设计模式", date:"2006-6-6" }] } //呈现组件 var mypanel=new Ext.Panel({ width:400, id:"mypanel", title:"XtemplateData简单示例 阅读全文
摘要:
今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据://cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)publicstringServerData="['湖北','江西','安徽']";//aspx前台js介绍代码Ext.onReady(function(){varcombo=newExt.form.ComboBox({store:%=Serv 阅读全文
摘要:
Ext.onReady(function(){ Ext.onReady(function(){ //定义模板 使用标签tpl和操作符for var tpl1 = new Ext.XTemplate( 'table border=1 cellpadding=0 cellspacing = 0', 'trtd width=90 姓名/tdtd width=90 年龄/td/tr', 'tpl for="."', 'trtd{name}/tdtd{age}/td/tr', '/tpl', '/table' ); //通过自定义格式 阅读全文