Extjs
文章平均质量分 79
莯枫
这个作者很懒,什么都没留下…
展开
-
ExtJS中的树的使用和总结
ExtJS中的树的使用和总结 一.TreePanel 配置参数:root:Ext.tree.TreeNode //根节点loader:Ext.tree.TreeLoader //数据加载器checkModel:"single" //复选框只能单选,多选为:multiple,级联:cascade trackMouseOver:false //是否只有叶子节...原创 2014-12-25 22:35:00 · 905 阅读 · 0 评论 -
GridPanel合并表头
GridPanel合并表头注意:一定要引入插件的js文件<script type="text/javascript" src="../js/ext/GroupHeaderPlugin.js"></script>1.启动Extjs并布局:Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../js/ext/re...原创 2014-10-29 20:28:23 · 554 阅读 · 0 评论 -
Renderer解析和使用正则
Renderer解析和使用正则 一.Renderer解析: 1.理解: renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子。 2.方法参数说明:renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ 。。。。。。。...原创 2014-10-30 19:55:32 · 200 阅读 · 0 评论 -
ExtJS Tree刷新后自动展开并选择节点
ExtJS Tree刷新后自动展开并选择节点 实例讲解:通过点击岗位,将岗位对应的模块菜单给展开。 1.点击岗位获取对应模块菜单ID:function check(node,checked){ if(checked == true){ //得到岗位对应的功能 Ext.Ajax.request({ url : 'user.up?doType=getM...原创 2014-11-04 19:30:20 · 709 阅读 · 0 评论 -
ExtJS Tree刷新后只选择节点,不展开
ExtJS Tree刷新后只选择节点,不展开 实例讲解:通过点击岗位,将岗位对应的模块菜单给展开。 1..先对树进行全面加载(无须获取Path路径了):moduleloader.on("load",function(treeLoader, node){ //将树面板先展开再关闭,用于将所有子节点显示出来! module_tree.expandAll(); //注...原创 2014-11-04 19:52:03 · 343 阅读 · 0 评论 -
ExtJS Tree刷新后只选择节点,不展开(二)
ExtJS Tree刷新后只选择节点,不展开(二) 实例讲解:点击触发域(Ext.form.TriggerField)三角按钮,弹出树面板窗口,并将触发域中的内容在树面板中选中。 1.点击触发域获取触发域中的内容:policyTg.onTriggerClick=policytrigFun;function policytrigFun(e){ policyWin...原创 2014-11-04 20:34:18 · 182 阅读 · 0 评论 -
Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题
Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题 一.'events'为空或不是对象:1.问题描述: Extjs代码,在Chrome和FireFox中都不报错,在IE中报“'events'为空或不是对象”的错误。2.问题分析: 报这个错误的原因大多数是因为items中的最后一项多了一个逗号。3.问题解决示例:Ext.o...原创 2014-11-20 10:10:38 · 251 阅读 · 0 评论 -
Extjs中树与表格面板的单击即选中的解决方法
Extjs中树与表格面板的单击即选中的解决方法 1.TreePanel中的单击即选中tree.on("click",function(node){ if(!node.isLeaf){ node.toggle(); //单击触发目录的收缩展开 } else{ node.ui.toggleCheck(); //单击使节点选中 }}); ...原创 2014-11-20 10:19:25 · 235 阅读 · 0 评论 -
ExtJS Tree刷新后自动展开并选择节点(二)
ExtJS Tree刷新后自动展开并选择节点(二) 实例讲解:输入文件号查找文件,并将查找到的文件展示出来。 1.输入文件号点击查找:tbar: [ { xtype:'label', text: '文件号:' },{ xtype : 'textfield', id: 'searchF...原创 2014-11-21 09:41:42 · 603 阅读 · 0 评论 -
Extjs grid设置单元格字体颜色,单元格背景颜色,行背景颜色
Extjs grid设置单元格字体颜色,单元格背景颜色,行背景颜色 一.在ColumnModel中用renderer渲染颜色:1.不定义样式:(1).字体颜色:{ header:"审核状态", dataIndex:"status", width:100, renderer:function(v){ if(v==1){ return "<s...原创 2014-11-26 16:45:38 · 1938 阅读 · 0 评论 -
Extjs grid工具栏中搜索的实现
Extjs grid工具栏中搜索的实现 1.单选框+文本框:{ id:"byXmmc", xtype:"radio", boxLabel:"按项目名称&nbsp;", name:"ftype", //注意两个radio的name是一样的,才是一组的 listeners:{ "check":function(){ Ext.getCmp("原创 2014-11-26 22:34:52 · 846 阅读 · 0 评论 -
Extjs 分页技术详细介绍和baseParams属性介绍
Extjs 分页技术详细介绍和baseParams属性介绍 分页原理:1.Extjs分页是根据store.load({params:{start:0,limit:10}}); 中start,limit这两个参数来进行分页的。(1).当store第一次load的时候,start=0,limit=10;(2).当点击翻页按钮时,store进行load,此时 start=start+page...原创 2014-12-08 22:00:21 · 1466 阅读 · 0 评论 -
Extjs的单选框和复选框的取值与赋值
Extjs的单选框和复选框的取值与赋值 1.取值:取值方式和textfield一样,有2中方式:(1).Ext.getCmp("id").getValue();(2).form.getForm().findField("name").getValue();区别:单选复选框取的只有“true/false”!2.赋值:赋值方式和textfield一样,有2中方式:(1).Ex...原创 2014-12-11 09:59:19 · 2579 阅读 · 0 评论 -
Extjs通过Apache的FileItem进行文件的上传下载
Extjs通过Apache的FileItem进行文件的上传下载 查看FileItem类的方法说明一.上传1.Extjs:在FormPanel中要增加一个属性:[ fileUpload : true ]var addNewsForm = new Ext.form.FormPanel({ id:"addNewsForm", frame:true, layout:...原创 2014-12-11 10:27:41 · 144 阅读 · 0 评论 -
解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题
解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题 方法:写一个js文件,在js文件中重写复选框的显示代码,在其他地方引入该js文件 js文件重写代码如下://清除 checkbox 表头全选Ext.override(Ext.grid.GridView,{ onRowSelect : function(row){ t...原创 2014-12-11 11:53:26 · 907 阅读 · 0 评论 -
Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现
Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现一.HtmlEditor增加上传图片的功能因为Extjs的富文本编辑器默认没有上传图片的功能,所以我们这里写一个js文件,继承Extjs的HtmlEditor,给其增加上传图片的功能。(在需要用的地方引入该js文件即可)StarHtmleditor.js:var HTMLEditor = Ext.extend(E...原创 2014-12-12 10:52:45 · 961 阅读 · 0 评论 -
Extjs中对于iFrame的使用
Extjs中对于iFrame的使用 注:Extjs中没有iFrame,只能用html中的来代替!方式:在Extjs的元素中加上下面这句话:html:"<iframe id='frame' name='frame' src='http://******' width=100% height=100%/>" 一.Jsp页面文件:<%@page imp...原创 2014-10-29 19:03:56 · 1934 阅读 · 0 评论 -
EditGridPanel增加,保存,删除,分页全过程分析
EditGridPanel增加,保存,删除,分页全过程分析 一.基础准备:1.表结构: 2.实体类:public class AppropriateFund { private Long id; private Long aid; private double totalFunds; private double country; private dou...原创 2014-10-27 20:39:42 · 237 阅读 · 0 评论 -
GridPanel中的单元格单击,行单击,行双击,以及数据加载异常
GridPanel中的单元格双击,行单击,行双击,以及数据加载异常 1.单元格双击:celldblclick var enGrid=new Ext.grid.GridPanel({ store: enStore, cm: encm, sm:ensm, title:"企业信息", collapsible: false, a...原创 2014-10-27 20:11:46 · 413 阅读 · 0 评论 -
ExtJS Tree点击选择节点,不展开/展开(三)
ExtJS Tree点击选择节点,不展开/展开(三) 实例讲解:点击触发域(Ext.form.TriggerField)三角按钮,弹出树面板窗口,并将触发域中的内容在树面板中选中,并展开选中节点的父目录。 对应:ExtJS Tree刷新后只选择节点,不展开(二) 一.选中节点,不展开:1.创建Tree://1.定义根节点:主管部门var departRoot =...原创 2014-12-26 16:27:48 · 1749 阅读 · 0 评论 -
解决RadioGroup在谷歌浏览器显示不完全的问题
显示不完全的编码:var radioGroup = new Ext.form.RadioGroup({ fieldLabel:"评价类型", width:250, items: [ { name:"etype", inputValue:"1", boxLabel:"事前评价" },{ name:"etype", inpu...原创 2014-09-18 10:50:36 · 528 阅读 · 0 评论 -
Extjs中单选框垂直排列和水平排列
1.垂直排列方式:直接在FormPanel中用xtype:"radio"的单选框var addForm = new Ext.FormPanel({ frame: true, labelWidth: 60, labelAlign: "right", items:[ { xtype:"radio", fieldLabel:"评价方式", name:"...原创 2014-09-18 10:59:01 · 1160 阅读 · 0 评论 -
Ext.form.DateField在chrome、safari下显示异常的解决方法
最近在用extjs的DateField控件的时候,总是出现时间空间显示的时候宽度占满了整个屏幕,后来发现这个extjs在chrome下面的一个bug。 解决方式一:在js中添加一下语句 if(Ext.isChrome===true){ var chromeDatePickerCSS = ".x-date-picker {border-col...原创 2014-09-18 14:15:50 · 253 阅读 · 0 评论 -
EXTJS设置emptyText的问题
遇到问题如下:设置emptyText后,使用form.getForm().submit({url : '/myAction.do?method=save',})就会把emptyText内容提交到后台 方法如下:3.0一下版本的Ext设置方式:在有效性检验时需要对表单元素的提交的数据和该表单元素的emptyText比较,如果相同,说明用户没有输入任何文本;如果不同并且...原创 2014-09-18 14:17:15 · 1268 阅读 · 0 评论 -
Extjs中创建Store数据源的方式
Store简要说明请查看:http://extjs.org.cn/node/564一.本地数据源1.数组格式的数据:data只能是数组!——不能用JsonStore,否则报错!var arrStore = new Ext.data.SimpleStore({ data:[ /*{id:1,name:"zs",age:22}, {id:2,name:"ls",age:...原创 2014-09-18 19:14:57 · 256 阅读 · 0 评论 -
Extjs的Form表单提交方式
Extjs的Form表单提交方式一.直接提交:url写在表单中var addForm = new Ext.FormPanel({ frame: true, url:"insertProject.eva?doType=insertProject", labelWidth: 80, //labelAlign: "right", //buttonAlign:"center"...原创 2014-09-19 10:01:10 · 1679 阅读 · 0 评论 -
FormPanel,EditorGridPanel的赋值和传参、数据的保存删除
FormPanel,EditorGridPanel的赋值和传参、数据的保存删除 首先,需要注意几个问题:1.我们最常用的Store都是用于Grid取值,用columnModel中的dataIndex关联Store的fields。2.Formpanel数据源和Grid相同,一般使用以下两种方式赋值: (1).getForm().findField("name").setVa...原创 2014-09-22 20:09:24 · 545 阅读 · 0 评论 -
列表形式表单面板的设计
列表形式表单面板的设计 1.表单:注意column布局和form布局的结合使用/*-----1.创建表单-----*/var basicMsgForm = new Ext.form.FormPanel({ width : 550, autoHeight : true, frame : true, layout : "form", // 整个大的表单是form布局...原创 2014-09-25 14:36:12 · 276 阅读 · 0 评论 -
Extjs中可编辑表格,树,触发按钮和复选框的结合使用
Extjs中可编辑表格,树,触发按钮和复选框的结合使用 1.数据源Store:/*1.创建Record*/var costRecord = new Ext.data.Record.create([ {name:"id",type:"int"}, {name:"xmid",type:"int"}, {name:"subject",type:"string&qu原创 2014-09-25 20:23:16 · 640 阅读 · 0 评论 -
Extjs中TreePanel树异步加载数据的步骤
Extjs中TreePanel树异步加载数据的步骤 1.定义根节点root:var myRoot = new Ext.tree.AsyncTreeNode({ text:"根节点", draggable:false, //根节点不可拖动 expanded:true, //根节点展开}); 2.定义数据加载器TreeLoade...原创 2014-09-25 20:38:07 · 1276 阅读 · 0 评论 -
Extjs的几种简单的提示框
Extjs的几种简单的提示框 一、Ext.MessageBox.alert()和Ext.MessageBox.show():1.成功的提示:Ext.Msg.alert("成功","数据保存成功!"); Ext.Msg.show({ title:'成功', msg: '数据保存成功', buttons: Ext.Msg.OK, i...原创 2014-09-28 15:06:28 · 842 阅读 · 0 评论 -
Extjs中Store和Record的数据获取【精】
Extjs中Store和Record的数据获取【精】 首先需要了解一点:除了Records对象获取Record时,需要用get()方法——因为Records不是一个数组!其他地方均采用Js的方式,即,属性用obj.id或obj[id]方式 例子: scoreStore.on("load",function(){ var records = scoreStore...原创 2014-09-28 19:17:57 · 3090 阅读 · 0 评论 -
Extjs form 取值 赋值 重置
Extjs form 取值 赋值 重置 一、从form中获取field的三个方法: 1、 Ext.getCmp('id'); 2、 FormPanel.getForm().findField('name'); 3、 Ext.get('id/name');//前提是FormPanel在界面上显示出来了!!! 二、ExtJS如何给textfiel...原创 2014-10-22 14:02:13 · 1402 阅读 · 0 评论 -
ExtJS项目案例
ExtJS项目案例轻松搞定 ExtJS http://download.csdn.net/source/1801086 ExtJS实例 一个非常不错的学习Ext的源码 http://download.csdn.net/source/1736603 ExtJS项目 一个博客系统 http://download.csdn.net/source/1736690 Eclipse Ext插件 http...原创 2014-10-23 20:10:45 · 291 阅读 · 0 评论 -
Extjs在IE下日期格式化报错的问题
Extjs在IE下日期格式化报错的问题 一.问题描述:在GridPanel中显示了yyyy-mm-dd的日期,当要取该值传到后台时报错,传到后台的值为:“NaN-NaN-NaN”,IE报ext-all-debug.js 行7172 字符9 语法错误。 错误示例:var date = Ext.util.Format.date(Ext.getCmp("auditDate").ge...原创 2014-12-12 11:54:57 · 271 阅读 · 0 评论