随笔分类 - extjs
摘要:this.cm = new Ext.grid.ColumnModel({id : 'paytype',header : '付款方式',dataIndex : 'paytype',renderer : function(val, meta) {switch (val) {case 0:return '全额付款';break;case 1:return '按揭付款';break;}return val;}})
阅读全文
摘要:比较常用的事件 从字面上就能够理解它们的意思 还有更多的方法请参考Ext官方文档 mouseout : ( Button this, Event e ) ; mouseover : ( Button this, Event e ); beforedestroy : ( Ext.Component this ) ; beforehide : ( Ext.Component this ) ; beforerender : ( Ext.Component this ) beforeshow : ( Ext.Component this ) click : ( Button this, Even...
阅读全文
摘要:grid.on('mouseover',function(e){//添加mouseover事件 var index = grid.getView().findRowIndex(e.getTarget());//根据mouse所在的target可以取到列的位置 var cell= grid.getView().findCellIndex(e.getTarget()); if(index!==false){//当取到了正确的列时,(因为如果传入的target列没有取到的时候会返回false) var record = errorInfoStore.getAt(index);//把这
阅读全文
摘要:var win = new Ext.Window({ title:'批量设置状态', // el:'window-win', layout:'form', autoLoad:{ url:'setSuccInit.action', params:{flag:0,sheetType:2}, scripts:true...
阅读全文
摘要:做出如下图效果的报表:核心函数:用的时候添加进去就行//地市名称相同的列合并function gridSpan(grid, rowOrCol,colName, borderStyle) { var array1 = new Array(); var count1 = 0; var count2 = 0; var index1 = 0; var index2 = 0; var aRow = undefined; var preValue = undefined; var firstSameCell = 0; var allRecs = gri...
阅读全文
摘要:var d = new Date(); var ymd = new Date(d.getFullYear(),(d.getMonth()),d.getDate()); var dd = ymd.format('Y-m-d'); //当前时间 d.setDate(d.getDate()-3); var ymd2 = new Date(d.getFullYear(),(d.getMonth()),d.getDate()); var dd2 = ...
阅读全文
摘要:viewConfig:{ rowOverCls : 'my-row-over',//鼠标移过的行样式 selectedRowClass : "my-row-selected",//选中行的样式 getRowClass : function(record,rowIndex,rowParams,store){ //指定行的样式 if(rowIndex <=2){ return "my-row"...
阅读全文
摘要:一:修改头样式 1:直接修改样式 监听gridpanel的'afterrender' 事件 listeners : { 'afterrender' : function(){ var elments = Ext.select(".x-grid3-header");//.x-grid3-hd elments.each(function(el) { el.setStyle("background-color", '#CBBC82');// 设置不同的颜...
阅读全文
摘要:<script type="text/javascript"> Ext.onReady(function(){ var noticeInfoStore =new Ext.data.Store({ //公告信息store proxy: new Ext.data.HttpProxy({url:"/INAS4/maintenance/notice/getNoticeInfoByTypeId.action", method:'POST'}), reader: new Ext.data.JsonReader({totalProperty
阅读全文
摘要:1.先写jsp页面。<%@ page contentType="text/html;charset=utf-8"%><% String ctx = request.getContextPath(); //String ext = ctx + "/ext-3.0.0"; pageContext.setAttribute("ctx", ctx); //pageContext.setAttribute("ext", ext);%><html> <head> <meta
阅读全文
摘要:extjs放在本地tomcat中部署运行 在 server.xml文件中:<Context path="/ext-3.3.0" docBase="D:\ext-3.3.0"/>启动tomcat 在浏览器中输入:http://localhost:8080/ext-3.3.0/
阅读全文
摘要:{ xtype:'combo', fieldLabel:"所属部门", store:storedep , id:'combo', typeAhead: true, ...
阅读全文
摘要:本代码所展示出来的的是如下图所示:Ext.onReady(function(){Ext.QuickTips.init(); var tree=new Ext.tree.TreePanel({ // el:"tree" }); var root=new Ext.tree.TreeNode({text:'项目信息'}); var node1=new Ext.tree.TreeNode({ id:'node1', text:"项目资料" }); var node2=new Ext.tree.TreeNode({ ...
阅读全文
摘要:tree.jsExt.onReady(function(){ //通过json取树var root = new Ext.tree.AsyncTreeNode({ id:'root', text:'树的根', href:'http://www.baidu.com' //根节点链接});var loader= new Ext.tree.TreeLoader({url:'treedata.js'}); //从js文件里取得json数据var tree = new Ext.tree.TreePanel({ renderTo:'tr
阅读全文
摘要:Ext.onReady(function(){ var tree = new Ext.tree.TreePanel({ el:'tree-div' }); var root = new Ext.tree.TreeNode({text:'我是跟'}); var node1 = new Ext.tree.TreeNode({text:'我是根的第一个枝'}); var node2 = new Ext.tree.TreeNode({text:'我是枝的第一个叶子'}); root.appendChild(node1); node1.ap
阅读全文
摘要:一、先搭建好struts2,可以通过myeclipse快速搭建。二、再导入extjs所需的库文件。三、写一个实体类Userpackage com.ext.model;public class User {private Integer id;private String username;private String password;public Integer getId() { return id;}public void setId(Integer id) { this.id = id;}public String getUsername() { return use...
阅读全文
摘要:extjs:Ext.onReady(function(){ Ext.get("btnSubmit").on('click',function(){ var content =Ext.get("com_content").getValue(); if(content==""){ Ext.MessageBox.alert("内容不能为空!"); } else{ Ext.Ajax.request({ url:'MessageBoxServlet', p...
阅读全文
摘要:Spket IDE是目前支持Ext 2.0最为出色的IDE。官方网站http://www.spket.com。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script. doc中。 由于Spket只是一个单纯的编辑器,没有其它格式的支持(如CSS),所以我的做法是用它的Eclipse插件形式,当然也可以单独安装它作为编辑JS的工具。一、配置在线使用: 打开myeclipse: 1、选择Help -> Software Updates -> Find and Install...-> Search for new featu
阅读全文

浙公网安备 33010602011771号