dirl 站 lotus世界

摘要： Template类主要是功能是生产html片断,例var t = new Ext.Template( '<div name="{id}">', '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>', '</div>');t.append('some-element', {id: 'myid', c 阅读全文

摘要： 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' ); //通过自定义格式 阅读全文

摘要： //way1//itworks varframe1=document.createElement("IFRAME"); frame1.id="frame1"; frame1.frameBorder=0; frame1.src="reports/empty-report.html"; frame1.height="100%"; frame1.width="100%"; varpanel2=newExt.Panel({ id:"panel2", items:[frame1] //contentEl:"frame1"//thiswon'twork }); //way2//itworks,too 阅读全文

摘要： Js代码 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' ); //通过 阅读全文

摘要： Ext.form.TextField组件的基本用法:form id="form1" runat="server"divdiv id="Bind_TextField"/divbr /div id="Bind_Button"/divscript type="text/javascript"//这里是把TextField很重要的属性列出来　实际在应用的时候不需要将每个属性都列出　也许只需要一个属性就够了。function ready(){Ext.QuickTips.init();var textfieldName = new Ext.form.TextField({i 阅读全文

摘要： 1.增加script属性，如：varn=this.add({ id:node.id, closable:true, //通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性 autoLoad:{ url:"info.aspx", scripts:true} }); this.setActiveTab(n); 2.不能在被加载的页面上加!-- //--符号，否则不能正确截析javascript代码。3.若被加载页面含有ext代码时注意不能和加载的页面引入相同的包。如页面index.jsp加载页面portal.jap，index.jsp中引入了script type 阅读全文

摘要： 刚刚学习EXT，感觉布局有点麻烦，记录下:在网上找到的，可惜解决了之后才发现的：第一次用Extjs的column布局时遇见了很多问题，记录下来，供大家参考。column布局时常会碰见label不能显示或者控件显示错位等问题，导致这些问题的常见原因如下：1.formPanel上的控件显示不出来，控件的宽度太大，formpanel的宽度相对太小导致。2.为FormPanel设定了defaultType属性，没有为每个控件单独制定xtype属性。正确的做法是不设置defaultType。3.在每个column里再加上form layout，再在form里加textfield。4.在新建TabPane 阅读全文