![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ext
躁动的青年
招女朋友
展开
-
extjs下载地址
下载地址http://www.sencha.com/products/extjs/downloadTo get started, unzip the archive to your local web server and navigate tohttp://localhost/your-ext-install/ to view the documentation and...原创 2020-05-15 07:39:10 · 169 阅读 · 0 评论 -
Ext4.2 grid 删除后去掉全选
selModel.deselectAll();gridOrganization.getSelectionModel().deselectAll();参考:http://zhidao.baidu.com/link?url=A5G-oUrr0qR020TXtHjydUvnf2ynu0cZMJ_UzNwMM7-SBQOwwsBIiqkPItiYXFZvdgOqn1be4C_Nk...原创 2020-05-15 08:19:43 · 71 阅读 · 0 评论 -
Ext4.2 panel 去掉边框,背景透明
Ext4.2 panel 去掉边框border: false,或bodyStyle: 'border-width:0 0 0 0;',Ext4.2 panel 背景透明bodyStyle: 'background:transparent;',原创 2020-05-15 08:20:40 · 177 阅读 · 0 评论 -
Ext4.2 tabPanel 添加选项卡,激活选项卡,使用iframe加载内容,监听事件
选项卡//选项卡var tabs1 = Ext.createWidget('tabpanel', { renderTo: "tabPanel", activeTab: 1, //指定默认的活动tab width: 600, height: 120, plain: true, ...原创 2020-05-15 08:20:43 · 160 阅读 · 0 评论 -
Ext4.2 tabpanel 选项卡标题显示不全(隐藏)调整高度解决
标题上窜后隐藏了调整高度解决加入配置tabBar: { height: 25, //tab bar高度 defaults: { height: 23 //tab 里的title的高度 } },tabpanel//选项卡var tabs1...原创 2020-05-15 08:20:48 · 194 阅读 · 0 评论 -
Ext4.2 MessageBox Msg 异步,回调,按钮,图标
Ext.window.MessageBox xtype: messagebox为消息盒产生不同风格的工具类。 单例,Ext.MessageBox 别名 ‘Ext.Msg’也能够使用。Ext.Msg.alertExt.Msg.alert("标题", "详细信息内容");注意:这是个异步方法,不同于普通了alert,要想再alert之后再执行某方法,请在回调里写Ex...原创 2020-05-15 08:20:55 · 156 阅读 · 0 评论 -
Ext4.2 store proxy传参数,发送post请求
传参数:extraParamsPOST请求:actionMethodsvar stoOrganization = Ext.create('Ext.data.Store', { pageSize: pagesize_combo.getValue(), //model: 'User', fields: [//'id','parentId','code','name...原创 2020-05-15 08:21:02 · 260 阅读 · 0 评论 -
Ext4.2 查询后选择第一页
给store设置currentPage属性就可以,stoOrganization.currentPage=1;stoOrganization.load({params: { start: 0, limit: pagesize_combo.getValue() }});或者使用loadPage方法指定pagestoOrganization.loadPage(1,{params...原创 2020-05-15 08:21:10 · 107 阅读 · 0 评论 -
Ext4.2 grid插入复选框,行号,指定顺序
一、行号var rm = new Ext.grid.RowNumberer({header : '',width : 28}),或{xtype: 'rownumberer', header: '', width: 28},二、复选框//创建checkBox 列 var selModel = Ext.create('Ext.selection.CheckboxMode...原创 2020-05-15 08:21:13 · 115 阅读 · 0 评论 -
Ext4.2 gird 批量删除,最后一页全删了查询上一页
//查询function getPageList(pageIndex){ if(typeof(pageIndex) == "undefined"){ pageIndex = 1; } //stoOrganization.currentPage=1; //解决查询后分页栏(pagingtoolbar)显示的不是第一页的问题 stoOrganization.page...原创 2020-05-15 08:21:49 · 94 阅读 · 0 评论 -
Ext4.2 treepanel treestore node节点里的所有属性
可查看帮助文档中的Ext.data.NodeInterface的属性就是了,Ext.data.NodeInterfaceallowDrag : Boolean设置为false禁止拖动本节点 ...allowDrop : Boolean设置为false禁止(将其它节点)拖到本节点。 ...checked : Boolean设置为true或者false,...原创 2020-05-15 08:21:56 · 184 阅读 · 0 评论 -
Ext4.2 grid store 再次修改时数据没变,getSelection()与store中数据不一致
此问题可能是Ext4.2的一个bug解决办法,去store拿最新的数据//初始化修改function initModify(){ var grid = gridOrganization; var records = grid.getSelectionModel().getSelection(); grid.getSelectionModel(records);...原创 2020-05-15 08:21:59 · 119 阅读 · 0 评论 -
Ext4.2 grid(store)分页获取当前页,总页数,是否是最后一页
获取当前页store.currentPage总页数一.从pagingtoolbar里获得getPageData在api里看不到,但是在源码里有,可以调用pagingtoolbar.getPageData().pageCount不通过id得到pagingtoolbar(怕id多了冲突)(用bbar声明的也可以取到)grid.getDockedItems(...原创 2020-05-15 08:19:35 · 266 阅读 · 0 评论 -
Ext 通过name获取form表单的值,并设值
取值formPanel.getForm().findField('name').getValue();赋值formPanel.getForm().findField('name').setValue('');Ext4 可以用这个方法取值formPanel.getForm().getValues()['name'];原创 2020-05-15 08:19:32 · 339 阅读 · 0 评论 -
Ext 3.1 grid分页查询sore的baseParams失效的问题
在grid的store加载数据前设置上查询条件这种的不好使,是3.10的一个bugstore.on('beforeload', function() { this.baseParams={ account : Ext.getCmp('account').getValue(), username : Ext.getCmp('username')...原创 2020-05-15 08:12:06 · 88 阅读 · 0 评论 -
Ext,锁定(冻结)复选框列(CheckboxSelectionModel),可多选
普通的CheckboxSelectionModel也可也锁定,但是在锁定的那边全选按钮不好用了//var sm = new Ext.grid.CheckboxSelectionModel();//可锁定复选框列var smLock = new Ext.grid.CheckboxSelectionModel({ singleSelect : false, han...原创 2020-05-15 08:13:02 · 241 阅读 · 0 评论 -
Ext FormPanel布局笔记
EXT中Form的行列布局http://www.cnblogs.com/icgg/articles/1647112.htmlExtjs关于FormPanel布局http://lz881228.blog.163.com/blog/static/114197324201341453757327/form和column:extJS的布局 http://www.cnblogs.com/n...原创 2020-05-15 08:13:25 · 83 阅读 · 0 评论 -
ExtTag下载,JSP中使用ext标签开发(Extjs)
项目主页:http://code.google.com/p/exttag/下载地址:http://code.google.com/p/exttag/downloads/list附件中有提供下载样例:http://www.blogjava.net/wangbing/archive/2009/12/25/307250.htmlExtTagSummaryExt...原创 2020-05-15 08:13:28 · 168 阅读 · 0 评论 -
ExtJS中xtype一览
基本组件:xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton带下拉选项菜单的按钮buttongroupExt.ButtonGroup编组按钮(Since 3.0)slider...原创 2020-05-15 08:13:32 · 170 阅读 · 0 评论 -
Ext设置Radio选中,事件失效的问题
问题:设置选中后一个Radio后,Radio的事件失效,解决办法:设置选中另一个,设置当前的非选中,就好了var checkPanel= new Ext.form.FormPanel({ border:false, frame:false, height:85, bodyStyle : 'padding:3 5 0 0', // 表单元素和表单面板...原创 2020-05-15 08:14:56 · 191 阅读 · 0 评论 -
Ext4.2环境搭建Hello world
1.下载ext-4.2.1-gpl.zip2.解压后,放到webapp下,(已经去掉一些目录)3.jsp页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = request.getCo...原创 2020-05-15 08:17:51 · 121 阅读 · 0 评论 -
Extjs4.2异步树样例
环境Extjs 4.2.1spring MVC 3.2.12mybatis 3.2.8效果图testTree.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = ...原创 2020-05-15 08:18:03 · 100 阅读 · 0 评论 -
Ext4.2首页border布局东南西北中简单示例
简单示例效果图:JSP:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&原创 2020-05-15 08:18:07 · 79 阅读 · 0 评论 -
Ext4.2Ajax登录简单示例
环境Extjs 4.2.1spring MVC 3.2.12mybatis 3.2.8效果图jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><% String path = request.getC...原创 2020-05-15 08:18:10 · 114 阅读 · 0 评论 -
Ext4.2 TreeStore data(children)扩展属性
定义一个model,也可以不定义直接写在TreeStore里 Ext.define('treeModel', { extend: 'Ext.data.Model', fields: [ {name: 'text', type: 'string'}, //这个不写就没了 {name: 'url', type: 'string'}...原创 2020-05-15 08:19:10 · 107 阅读 · 0 评论 -
Extjs4布局详解(三)—accordion布局
accordion布局:accordion布局也称手风琴布局,在accordion布局下,在任何时间里,只有一个面板处于激活状态。其中每个面边都支持展开和折叠。注意:只有Ext.Panels 和所有Ext.panel.Panel 子项,才可以使用accordion布局。示例代码:Ext.create('Ext.panel.Panel', { title: 'A...原创 2020-05-15 08:12:02 · 144 阅读 · 0 评论