XTpl模板引擎, 仅5K, 越极好用, 发给大家!_course

XTpl模板引擎, 一个类文件5K大小, 越极好用, 发给大家! 无法上传文件，只能提供下载地址了： http://www.weentech.com/bbs/thread-3565-1-1.html

extjs 中 给组件添加click 事件是怎么关联到dom事件的？_course

<p> </p> <pre name="code" class="js">var element = Ext.get('domid'); var component = Ext.getCmp('domid') </pre> <p> 各添加一个click事件</p> <pre name="code" class="js">element.on('click',function(){}); component.on('click',function(){});</pre> <p> </p> <p> <br>extjs源码中显示这两种添加事件方式是不同的。<br><br>给element上添加事件会最终把事件绑定到dom元素上（最终是调用addEventListener or attachEvent)<br><br>但是component添加事件只是记录了事件和回调函数的关系，然后fireEvent之后依次调用，并没有涉及到给dom元素添加事件。<br><br>但是费解的是当你给component添加click时间的时候，却是可以触发的。<br><br>不解。。。<br><br>以下是 component 添加事件的行为（使用Observable的</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium; display: inline !important;">addListener)</p> <p> </p> <p> </p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> </p> <pre name="code" class="js"> addListener : function(eventName, fn, scope, o){ var me = this, e, oe, isF, ce; if (ISOBJECT(eventName)) { o = eventName; for (e in o){ oe = o[e]; if (!me.filterOptRe.test(e)) { me.addListener(e, oe.fn || oe, oe.scope || o.scope, oe.fn ? oe : o); } } } else { eventName = eventName.toLowerCase(); ce = me.events[eventName] || TRUE; if (Ext.isBoolean(ce)) { me.events[eventName] = ce = new EXTUTIL.Event(me, eventName); } ce.addListener(fn, scope, ISOBJECT(o) ? o : {}); } }</pre> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> 这是 element添加事件的代码（使用EventManager的addListener，最终会添加click事件到dom上）</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: 'WenQuanYi Zen Hei'; font-size: medium;"><span style="font-family: monospace;"><span style="white-space: pre;"> </span></span></p> <pre name="code" class="js"> addListener : function(eventName, fn, scope, options){ Ext.EventManager.on(this.dom, eventName, fn, scope || this, options); return this; }</pre>   <p> </p> <p style="font-family: 'WenQuanYi Zen Hei'; font-size: medium;"> </p> <p> </p> <p> </p> <p> </p> <p> </p>

XTemplate 事件问题_course

[b]我想要在XTtemplate中添加一个链接的单击事件，当点击链接在同一页面的另一个Panel中显示数据并重新加载，请问怎么做呀？[/b] [color=blue]XTtemplate中自带的事件不行，因为它在进入页面时就加载了，我要点击之后才加载。[/color] 下面的我的[b]ExtJS代码[/b]： createFlowConsole : function() { var data = ['actionId','name']; this.store = new Ext.data.JsonStore({ url: _ctx.base + '/osworkeflow/getAvailableActions.action', root:'action', fields: data }); var xtpl = new Ext.XTemplate( '<tpl for=".">', '<tpl if="xindex % 2 == 1">', '<div class="x-grid3-cell-inner" style="font-size:10px; background-color:#FFFFFF; border-bottom:1px solid #EDEDED"">', '<span class="" style=" padding-left:30px;"><a id="showMySteps" href="javaScript: onclick={[this.test()]}">{name}</a></span></div>', '</tpl>', '<tpl if="xindex % 2 == 0">', '<div class="x-grid3-cell-inner" style="font-size:10px; background-color:#FAFAFA; border-bottom:1px solid #EDEDED"">', '<span class="" style=" padding-left:30px;"><a href="#">{name}</a></span></div>', '</tpl>', '</tpl>',{ test : function(){ alert("ok"); } } ); this.availableActionsPanel = new Ext.Panel( { id : 'mySteps_panel', region : 'north', title : '我的步骤', margins : '0 0 5 0', height : 150, items: new Ext.DataView({ store: this.store, tpl: xtpl, autoHeight:true, multiSelect: true, overClass:'x-view-over', itemSelector:'div.thumb-wrap', emptyText: 'No data to display' }) }); this.steps = this.createSetpsGrid(); var flowConsole = new Ext.Panel( { region : 'center', layout : "border", border : false, items : [ this.availableActionsPanel, this.steps ], margins : '5 5 5 0' }); return flowConsole; } 详细如下附件图所示 ：

Ext.Template 及 Ext.XTemplate怎么用呀？_course

<p> </p> <p>我想用模板循环以表格的形式把数据显示到form中。怎么做呀？下面是我找的一点代码：</p> <p> </p> <p>急呀！高手出来指教一下！ <strong>下面的代码为什么显示不出来呢？</strong></p> <p> </p> <p>--<strong><span style="color: #0000ff;">ExtJS代码：</span></strong>------------------------</p> <p> </p> <p>Ext.onReady(function(){  </p> <p> //定义模板 使用标签tpl和操作符for  </p> <p>        var tpl1 = new Ext.XTemplate(  </p> <p>            '&lt;table border=1 cellpadding=0 cellspacing = 0&gt;',  </p> <p>            '&lt;tr&gt;&lt;td width=90 &gt;姓名&lt;/td&gt;&lt;td width=90 &gt;年龄&lt;/td&gt;&lt;/tr&gt;',  </p> <p>            '&lt;tpl for="."&gt;',  </p> <p>            '&lt;tr&gt;&lt;td&gt;{name}&lt;/td&gt;&lt;td&gt;{age}&lt;/td&gt;&lt;/tr&gt;',  </p> <p>            '&lt;/tpl&gt;',  </p> <p>            '&lt;/table&gt;'  </p> <p>        );</p> <p> </p> <p> </p> <p> //定义组合框模板  xindex：若是循环模板，这是当前循环的索引index（从1开始）。  </p> <p>        //             values：当前作用域下的值    </p> <p>        var itemTpl = new Ext.XTemplate(  </p> <p>            '&lt;tpl for="."&gt;',  </p> <p>            '&lt;div class="x-combo-list-item {[xindex % 2 == 0 ? "even" : "odd"]}"&gt;',  </p> <p>            '{#} ：{[this.check(values)]}&lt;/div&gt;',  </p> <p>            '&lt;/tpl&gt;',  </p> <p>            {  </p> <p>                check : function (values) {  </p> <p>                    if(values.value &gt; 2 ){  </p> <p>                        return "&lt;font color=red&gt;"+values.item+"&lt;/font&gt;";  </p> <p>                    }else {  </p> <p>                        return "&lt;font color=blue&gt;"+values.item+"&lt;/font&gt;";  </p> <p>                    }  </p> <p>                }  </p> <p>            }  </p> <p>        )  </p> <p>        new Ext.form.FormPanel({  </p> <p>            applyTo :'target',  </p> <p>            title:'在Extjs组件中使用模板',  </p> <p>            labelSeparator :'：',//分隔符  </p> <p>            height : 100,  </p> <p>            frame : true,  </p> <p>            width : 350,  </p> <p>            items : [  </p> <p>                new Ext.form.ComboBox({  </p> <p>                    fieldLabel:'combo',  </p> <p>                    displayField:'item',  </p> <p>                    valueField:'value',  </p> <p>                    tpl : itemTpl,//引入自定义模板  </p> <p>                    editable : false,  </p> <p>                    mode: 'local',  </p> <p>                    triggerAction: 'all',  </p> <p>                    store : new Ext.data.SimpleStore({  </p> <p>                        fields: ['item','value'],  </p> <p>                        data : [['条目1',1],['条目2',2],['条目3',3],  </p> <p>                                ['条目4',4],['条目5',5],['条目6',6]]  </p> <p>                    })  </p> <p>                })  </p> <p>            ]  </p> <p>        });  </p> <p> </p> <p> </p> <p>//定义模板数据  </p> <p>        var data1 = [  </p> <p>            {name:'张三',age:20},  </p> <p>            {name:'李四',age:25},  </p> <p>            {name:'王五',age:27},  </p> <p>            {name:'赵六',age:26}  </p> <p>        ];  </p> <p> </p> <p> </p> <p>//模板值和模板进行组合并将新生成的节点插入到id为'tpl-table'的元素中     </p> <p> tpl1.append('tpl-1',data1); </p> <p> </p> <p>});</p> <p> </p> <p> </p> <p>--<span style="color: #0000ff;"><strong>html代码：</strong></span>------------------------</p> <p> &lt;div id='tpl-1'&gt;1&lt;/div&gt;  </p> <p> </p> <p>&lt;br&gt;  </p> <p>    &lt;div id="target"&gt;tgt&lt;/div&gt;  </p> <p> </p>

EXTjs中 怎么用超链接的方式弹出窗口_course

Ext.onReady(function() { //创建grid列header 行的成员 var cb = new Ext.grid.CheckboxSelectionModel(); var cm=new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer({header:"序号",width:40}),cb, {header:"单位名称",dataIndex:"unitName",width:40}, {header:"排序号",dataIndex:"sequence",width:40}, { header : "操作", width : 30, dataIndex : '', menuDisabled : true, // 单击列头后是否出现菜单 renderer : function(v) { return "<span style='margin-right:10px'><a href='#' onclick='win()' >修改</a></span>"; } } ]); function win(){ var win = new Ext.Window({ alert('OK!');// 这里没有弹出 layout : 'fit', width : 500, height : 300, 我的问题是怎么在<a href='#' onclick='win()' >修改</a></span>" 来触发我定义的这个window呢？

通过js来控制ext里的图片_course

``` 图片代码： xtpl:new Ext.XTemplate('<tpl for=".">', '<div class="thumb-wrap" id="img-{id}">', '<div class="thumb"><img class="checkimg" src="'+Context.RESOURCE_URL+'{picAddress}" title="{name}" /></div>', '<tpl if="status == 0"><span style="color:grey">未审核</span></tpl>', '<tpl if="status == 1"><span style="color:green">通过</span></tpl>', '<tpl if="status == 2"><span style="color:red" title="{unpassReason}">退回</span></tpl>', '</div>', '</tpl>', '<div class="x-clear"></div>' ), js代码： $(function(){ $(".checkimg").click(function(){ var width = $(this).width(); var height = $(this).height(); alert(width); if(width==80 || height==60) { $(this).width(450); $(this).height(600); } else { $(this).width(80); $(this).height(60); } }); }); js怎么才能作用到 img ```

Ext 里面增加一个click function_course

productsPic.js Ext.namespace("ast.ast1949.admin.productsPic"); ast.ast1949.admin.productsPic.imageView = Ext.extend(Ext.Panel,{ constructor:function(config){ config = config||{}; Ext.apply(this,config); var _imgStore = this.imageStore; var _xtpl = this.xtpl; // var _imgRecord = this.imageRecord; var c={ id:'images-view', autoScroll:true, items:new Ext.DataView({ store:_imgStore, tpl:_xtpl, multiSelect:true, overClass:'x-view-over', itemSelector:'div.thumb-wrap', emptyText:"没有图片" }) , tbar:[ " 注意： Ctrl+左键 可以复选哟！ ",{ iconCls:"item-true", text:"通过选中图片", scope:this, handler:function(btn){ var imgview = Ext.getCmp("images-view").getComponent(0); var selectedrecords = imgview.getSelectedRecords() if(selectedrecords.length==0){ return ; } var _ids = new Array(); for (var i=0,len = selectedrecords.length;i<len;i++){ var _id=selectedrecords[i].get("id"); _ids.push(_id); } Ext.Ajax.request({ url:Context.ROOT + Context.PATH + "/admin/good/passPic.htm", params:{"idArrayStr":_ids.join(","),"unpassReason":Ext.get("batchReason").dom.value,"status":1}, success:function(response,opt){ var obj = Ext.decode(response.responseText); if(obj.success){ imgview.getStore().reload(); }else{ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }, failure:function(response,opt){ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }); } },{ iconCls:"item-false", text:"退回选中图片", scope:this, handler:function(btn){ var imgview = Ext.getCmp("images-view").getComponent(0); var selectedrecords = imgview.getSelectedRecords() if(selectedrecords.length==0){ return ; } var _ids = new Array(); for (var i=0,len = selectedrecords.length;i<len;i++){ var _id=selectedrecords[i].get("id"); _ids.push(_id); } var unpassReason = Ext.get("batchReason").dom.value; Ext.Ajax.request({ url:Context.ROOT + Context.PATH + "/admin/good/passPic.htm", params:{"idArrayStr":_ids.join(","),"unpassReason":unpassReason,"productId":Ext.getCmp("id").value,"status":2}, success:function(response,opt){ var obj = Ext.decode(response.responseText); if(obj.success){ imgview.getStore().reload(); }else{ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }, failure:function(response,opt){ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }); } },{ iconCls:"item-edit", text:"添加水印", scope:this, handler:function(btn){ var imgview = Ext.getCmp("images-view").getComponent(0); var selectedrecords = imgview.getSelectedRecords() if(selectedrecords.length==0){ return ; } Ext.MessageBox.confirm(Context.MSG_TITLE,"确定要给图片添加水印吗？",function(btn){ if(btn!="yes"){ return ; } var _ids = new Array(); for (var i=0,len = selectedrecords.length;i<len;i++){ var _id=selectedrecords[i].get("id"); _ids.push(_id); } Ext.Ajax.request({ url:Context.ROOT + Context.PATH + "/admin/good/markPic.htm", params:{"picId":_ids.join(",")}, success:function(response,opt){ var obj = Ext.decode(response.responseText); if(obj.success){ newwin=window.open("http://apps2.zz91.com/task/job/definition/doTask.htm?jobName=pic_mark_tzs&start="+new Date().add(Date.DAY, 1).format("Y-m-d")+" 00:00:00") setTimeout(function(){ newwin.close(); },100); imgview.getStore().reload(); // Ext.Ajax.request({ // url:"http://apps1.zz91.com/task/job/definition/doTask.htm", // params:{ // "jobName":"pic_mark_tzs", // "start":new Date().add(Date.DAY, 1).format("Y-m-d")+" 00:00:00" // }, // success:function(response,opt){ // Ext.MessageBox.show({ // title : Context.MSG_TITLE, // msg : "成功！", // buttons : Ext.MessageBox.OK, // icon : Ext.MessageBox.INFO // }); // } // }); }else{ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }, failure:function(response,opt){ Ext.MessageBox.show({ title : Context.MSG_TITLE, msg : "发生错误,没有读取图片信息", buttons : Ext.MessageBox.OK, icon : Ext.MessageBox.INFO }); } }); }); } },"->", { xtype:"combo", width : 600, emptyText: '审核不过原因', triggerAction : "all", forceSelection : true, displayField : "label", valueField : "code", id : "batchReason", name:"reason", store:new Ext.data.JsonStore( { root : "records", fields : [ "label", "code" ], autoLoad:true, url : Context.ROOT + Context.PATH + "/admin/category/getChildListByMem.htm?parentCode=1012" }) } ] }; ast.ast1949.admin.productsPic.imageView.superclass.constructor.call(this,c); // this.get(0).on("dblclick",function(view,index,node,e){ //// var viewstore=view.getStore(); //// alert(Ext.get(node).child(".thumb img").dom.src) // window.open(Ext.get(node).child(".thumb img").dom.src) // }); }, // porductId:0, //xtemplate,图片展现模板 xtpl:new Ext.XTemplate('<tpl for=".">', '<div class="thumb-wrap" id="img-{id}">', '<div class="thumb"><img class="img" src="'+Context.RESOURCE_URL+'{picAddress}" title="{name}" /></div>', '<tpl if="status == 0"><span style="color:grey">未审核</span></tpl>', '<tpl if="status == 1"><span style="color:green">通过</span></tpl>', '<tpl if="status == 2"><span style="color:red" title="{unpassReason}">退回</span></tpl>', '</div>', '</tpl>', '<div class="x-clear"></div>' ), imageStore:new Ext.data.JsonStore({ url: Context.ROOT+Context.PATH+'/admin/good/listGoodsPic.htm', // scope:this, // params:{"productId":this.productId}, root: 'records', fields: [ 'id','productId','picAddress','name','status','unpassReason' ] }) // , // imageRecord:Ext.data.Record.create(['id','productId','picAddress','name']) }); 我想给productsPic.js里的img增加一个click事件或者function 怎么做？

关于Ext.XTemplate_course

var tpl = new Ext.XTemplate( '<table border="0" cellpadding="2" width="900">', '<caption>', '<strong>Commission Information：</strong>', '</caption>', '<tpl for="data">', '<tr>', ' <td bgcolor="#EDEDED" class="td-right">Commission Unit</td>', ' <td bgcolor="#FAFAFA" class="td-left">&nbsp;{CommissionUnit}</td>', ' <td bgcolor="#EDEDED" class="td-right">Course Level</td>', ' <td bgcolor="#FAFAFA" class="td-left2">&nbsp;{CourseLevel}</td>', ' <td bgcolor="#FAFAFA" class="td-left2">&nbsp;UnusualInvoice:{UnusualInvoice}</td>', ' <td bgcolor="#FAFAFA" class="td-left3">&nbsp;<input id="Button{ID}" type="button" value="Delete{ID}" onclick="delatt()" /></td>', '</tr>', '</tpl>', '</table>' ); Ext.Ajax.request({ url: '/Url/Institution/InstitutionExtendList.aspx', method: "POST", params: { institutionid: document.getElementById("ID").value }, success: function(response, options) { var responseArray = Ext.util.JSON.decode(response.responseText); tpl.overwrite('attlist', responseArray); }, failure: function() { Ext.Msg.alert("Alarm", "Commission Information读取失败。"); } }); 主要是;<input id="Button{ID}" type="button" value="Delete{ID}" onclick="delatt()" />我想写个能删除的方法.但不成功.应该怎么改呢.

XTpl模板引擎, 5K的PHP模板引擎, 越极好用, 发给大家!_course

XTpl模板引擎, 5K的PHP模板引擎, 越极好用, 发给大家! 无法上传文件，只能提供下载地址了： http://www.weentech.com/bbs/thread-3565-1-1.html

php网站打开只显示部分php源代码_course

我的是用nginx+php建站的， nginx安装路径：/usr/local/webserver/nginx/ 网站根目录：/data0/htdos/www/WebSite 网站代码目录： drwxr

有了解 Ext.XTemplate 和 DWR 长连接 的吗 ？来帮我看下几个问题_course

dwr.xml 部分 <dwr> <allow> <create creator="spring" scope="application" javascript="Chat"> <param name="beanName" value="messageAction" /> </create> <convert converter="bean" match="XX.Message" /> <convert converter="bean" match="XX.Role" /> </allow> </dwr> Action 部分 WebContext wctx = WebContextFactory.get(); String currentPage = wctx.getCurrentPage(); Collection<ScriptSession> sessions = wctx.getScriptSessionsByPage(currentPage); ScriptProxy s = new ScriptProxy(sessions); s.addFunctionCall("receiveMessages", msg, role); msg和role 就是两个实体类对象了 ，作为参数传到页面上的receiveMessages方法 。 问题1：比如 Message有个属性是个实体类 Question , 怎么设置都没法set ， msg.setQuestion(Question 的实体类对象); 说Question 未反转之类的错误，我在dwr.xml加了 Question 也还是报错，希望可以解释一下 。 页面部分 function receiveMessages(msg,role) { var chatlog = Ext.getCmp('chatlog'); var tpl = new Ext.XTemplate( '<tpl if="type == 2">', '<tpl if="this.parseLegionName() == legionName">', '<p>{legionName}<a class="juntuan" href="#" onclick="showReceiver();">{sender}</a>: {content:this.parseContent}</p>', '</tpl>', '</tpl>', { compiled : true, parseContent : function(content) { return Ext.util.Format.nl2br(Ext.util.Format.htmlEncode(content)); }, parseLegionName : function() { return legionName='${Session ["role"].legionName?default('数据异常')}'; } } ); tpl.append(chatlog.body, msg); tpl.append(chatlog.body, role); } Message的属性 sender , Role的属性legionName 。 问题2 ： '<tpl if="this.parseLegionName() == legionName">', 这个不起作用 ， 输出内容只输出 {sender} ， {legionName}出不来 。 如果把输出内容不做判断 减少为 '<p>{legionName}<a class="juntuan" href="#" onclick="showReceiver();">{sender}</a>: {content:this.parseContent}</p>', 输出的结果变成了： (sender 的值) : 加内容 //一行 (legionName的值) : 不加内容 //；另外一行 明明是在同一个<p>标签里面，怎么换成两行输出，跟什么有关我不清楚 。 问题3： 输出内容的 A标签的 onclick方法 不能带字符串参数，数字可以，是我未进行转义吗 ？ onclick="showReceiver('{sender}'); 不行

使用django如何把自己模板页面上的数据，表格，图片保存到PDF，doc中？？求大神助力。_course

换句话说，如何把django已经加载好的页面导出到PDF或word文件中，页面格式保持不变。 这几天在网上搜索到使用xhtml2pdf生成pdf的方式可以导出页面到PDF，给个链接http://blo

ext 里面的html的img标签 增加超链接_course

xtpl:new Ext.XTemplate('<tpl for=".">', '<div class="thumb-wrap" id="img-{id}">', '<div class="thumb