ext基础
关注
分享
扫一扫
zyuanq
这个作者很懒，什么都没留下…
展开
-
Liferay Portal 应用之开发（1）
1.下载安装EclipseEclipse是一个优秀的软件开发平台，涵盖了软件开发的完整生命周期，包括建模，开发，部署，管理和测试。Eclipse的插入式可扩展架构，使得它能够同时支持Java，C，C++，PHP等语言工具在企业应用、嵌入式应用和实时应用多方面的项目开发。其中，Eclipse Web Tools Platform（WTP）软件包在Eclipse平台中提供了适合于开发Web服务...原创 2012-02-27 14:09:06 · 183 阅读 · 0 评论 -
转：Extjs选中当前节点后自动选中子节点和父节点
[code="js"]//根据当前节点选中父节点及其子节点 tree.on('checkchange', function(node, flag) { //获取所有子节点 node.cascade( function( node ){ node.attributes.checked = flag; node.ui.checkbox.checked = fla...原创 2010-06-21 09:37:58 · 197 阅读 · 0 评论 -
页面 大小
[code="js"] [/code] This control was shield by Microsoft , but Minimize is not entirety shielded.原创 2010-06-17 23:22:06 · 108 阅读 · 0 评论 -
ext tree
[code="js"]MenuPanel = function() { MenuPanel.superclass.constructor.call(this, { id:'menu-tree', region:'west', split:true, width: 280, minSize: 175, maxSize: 500, collapsible: true...原创 2010-06-17 22:18:41 · 120 阅读 · 0 评论 -
关于ExtJS的工具栏动态添加按钮（从后台数据库读取信息）
我想在工具栏中动态添加按钮，至于添加什么按钮，则从后台数据库中读取信息。//以下是工具栏按钮测试代码，生成JSON[code="java"] string json = "[{'id': '1','text':'测试1'},{'id':'2','text':'测试2'},{'id':'4','text':'测试3'}]"; json = "{'totalPr...原创 2010-06-11 17:07:24 · 231 阅读 · 0 评论 -
ext 重购 tree
[code="js"]var CheckboxTree = function() { CheckboxTree.superclass.constructor.call(this, { renderTo : 'checkboxTree', title : '所有部门 - ExtJs自带的例子', height : 300, ...原创 2010-06-10 22:05:08 · 100 阅读 · 0 评论 -
ExtJs checkbox radiobox 问题 汇总
这个帖子主要记录我在使用ExtJs 中遇到的一些问题。 1、checkbox 和radiobox在IE下呈纵向显示的问题 添加如下css解决: [code="css"].x-form-check-wrap,.x-form-radio-wrap{padding:3px 0 0 0;line-height:15px;width:150px;} x-form-check-gr...原创 2010-06-10 21:58:44 · 152 阅读 · 0 评论 -
格式化
[code="js"]//创建edgrid.jsExt.onReady(function(){ Ext.QuickTips.init(); // 格式化日期显示 function formatDate(value){ return value ? value.dateFormat('Y, M d') : ''; } // ...原创 2010-08-26 00:32:10 · 103 阅读 · 0 评论 -
ext (增 ，删，改 ，查，导出excel)
[code="js"]下面为扩张grid的 代码/** * @auther qinya* @class Ext.ux.GridExtend * 通用的grid */ Ext.ux.GridExtend=function(config){ Ext.QuickTips.init(); this.config=config; this...原创 2010-08-26 00:03:00 · 283 阅读 · 0 评论 -
ext grid 单击事件
EXTJS GRID 中 单击行和单元格获得行或者单元格的内容(数据) [code="js"]grid.addListener('cellclick',cellclick);function cellclick(grid, rowIndex, columnIndex, e) { var record = grid.getStore().getAt(rowIndex); //Ge...原创 2010-08-25 21:11:00 · 576 阅读 · 0 评论 -
EXTJS GRID 改变单元格背景颜色的方法
第一种情况：加载数据时改变列的颜色 首先定义一个样式如下（这里以红色背景为例）： [code="js"] .x-grid-back-red { background: #FF0000; } [/code]定义改变颜色的列： [code="js"]{header:'摘要',dataIndex:'zhaoyao',align:...原创 2010-08-25 17:13:46 · 195 阅读 · 0 评论 -
ext grid button
[code="js"]function setGrid() {var cm = new Ext.grid.ColumnModel([ {header:'ID',dataIndex:'id',hidden:true},{header:'名',dataIndex:'title'},{header:'sort',dataIndex:'fileComment'},{header...原创 2010-08-21 15:35:23 · 112 阅读 · 0 评论 -
ext 简单实例
[code="java"]Ext.onReady(function(){ var _panel = new Ext.Panel({ renderTo:Ext.getBody(), layout:"form", labelWidth:30, listeners:{ "render":function(_panel){ _panel.add(new Ext.form.Tex...原创 2010-06-07 11:20:41 · 157 阅读 · 0 评论 -
Extjs关闭tabPanel时的确认
操作员在切换tab的时候，经常误操作，造成tab被关闭，而且无法恢复，先前所做的操作就丢失了。解决方案是增加个关闭确认，就研究了下TabPanel的事件，用到得事件是beforeclose，在产生这个事件的时候就是操作确认的切入点。Ext.MessageBox.show。关键代码很简单，主要原理就是在一个tab签上增加一个listeners，监听触发的事件，匹配事件的名字，...原创 2010-06-02 21:07:08 · 542 阅读 · 0 评论 -
ext 格式
[code="java"]var cm = new Ext.grid.ColumnModel ([ sm,new Ext.grid.RowNumberer({header:"编号",width:50}), {header:"编号",dataIndex:"ID",width:10,hidden:true},...原创 2010-05-30 00:49:09 · 242 阅读 · 0 评论 -
ExtJS的FieldSet的column列布局
[b]以下是自己扩展的FieldSet： [/b]------------------------------[code="java"]new ME.Base.FieldSet({ title: '基本信息', autoHeight: true, fieldSetItems: [{ xtype : 'textfield', fieldLabel : "用户姓名"...原创 2010-05-29 17:16:09 · 224 阅读 · 0 评论 -
extjs example
[color=cyan]student.js[/color][code="js"]Ext.onReady(function() { Ext.QuickTips.init(); var sexRenderer = function(value) { if (value == 1) { return '男'; ...2010-03-01 16:09:47 · 201 阅读 · 0 评论 -
ext 级联
[code="js"]var storeDepart=new Ext.data.JsonStore({ autoLoad : true, url:'deptList.action', root: 'data', fields : ['value','name']});var storeRUser=new ...原创 2010-06-22 14:06:07 · 156 阅读 · 0 评论 -
动态组件
[code="js"]Ext.onReady(function() { var form = new Ext.form.FormPanel({ width : 400, height : 500, renderTo : document.body, tbar : [{ ...原创 2010-12-16 17:05:55 · 79 阅读 · 0 评论 -
liferay Portal (1) 应用之配置
Liferay Portal缺省只有一个系统管理员用户test，且以用户的电子邮件地址test@liferay.com为登录用户名，密码是test。Liferay Portal针对不同的用户会展现出不同的服务网页。当浏览Portal主页网址http://localhost:8080/时，自动转入网址http://localhost:8080/web/guest/home调出面向所有人的Gu...原创 2012-02-27 13:59:05 · 429 阅读 · 0 评论 -
矫正对象 信息登记
矫正对象登记[code="js"]{ frame : true, border : false, height : 160, html : '' }, { xtype : 'button', text : '选择照片', handler ...原创 2010-12-08 14:10:33 · 168 阅读 · 0 评论 -
转 ext Demo
下面这个是主界面的设计 [code="js"]Ext.onReady(function() { Ext.QuickTips.init(); Ext.BLANK_IMAGE_URL = 'ext/s.gif'; // ---------------------------------------------好友列表树 var Tree = Ext.tree; // 定义（...原创 2010-12-05 13:17:18 · 131 阅读 · 0 评论 -
下拉框 控制 列是否可读
Ext EditorGrid单元格控制小记http://dev.firnow.com/course/4_webprogram/php/phpjs/20100721/480256.html-----------------------可以在grid的beforeedit事件中判断和处理字段编辑器为是否可以编辑，来执行disable()或enable() -------...原创 2010-11-12 08:33:56 · 115 阅读 · 0 评论 -
extjs formpanel 怎么显示图片
[code="js"]//可加普通的panel，html属性直接添加html代码{xtype:'panel',border:false;html:''}[/code]-----------------------------------------------------------------------------Ext 中 grid 怎么 对 鼠标滑过每一行 设置一个提示信息?...原创 2010-10-02 10:13:36 · 478 阅读 · 0 评论 -
动态 改变 column样式
[code="js"]grid.getView().getCell(rowNum ,columnNum).style.color = ‘#adedcf’;[/code]原创 2010-09-30 16:35:07 · 287 阅读 · 0 评论 -
js 应用
JS里 面的new Date("xxxx/xx/xx")这个日期的构造方法有一个妙处，当你传入的是"xxxx/xx/0"（0号）的话，得到的日期是"xx"月的前一个月的最后一天（"xx"月的最大取值是69，题外话），如果传入"1999/13/0"，会得到"1998/12/31"。而且最大的好处是当你传入"xxxx/3/0"，会得到xxxx年2月的最后一天，它会自动判断当原创 2010-09-29 14:38:06 · 93 阅读 · 0 评论 -
ext form
[code="js"]//grid1定义的gridvar record = grid1.getSelectionModel().getSelected();//获得当前选中行的数据源if(record){ window.show();//显示window窗口 form1.getForm().loadRecord(record);//window中的form加载数据源//form...原创 2011-05-18 15:25:29 · 98 阅读 · 0 评论 -
grid 表头 鼠标事件
[code="js"]grid.addListener("cellclick", cellclick);function cellclick(grid, rowIndex, columnIndex, e) { var record = grid.getStore().getAt(rowIndex); //Get the Record var fieldName = gr...原创 2010-09-24 16:04:47 · 716 阅读 · 0 评论 -
combox
[code="js"]1.服务器数据作为ComboBox的数据源 实例首先从服务器获取json数据：//cs后台代码，简单起见，示例而已，要主要字符串格式(新手注意，下面的代码放在类里面，不是放在方法里)public string ServerData=”['湖北','江西','安徽']“;//前台js介绍代码Ext.onReady(function(){var ...原创 2011-04-27 10:55:03 · 185 阅读 · 0 评论 -
ext grid 单元格
[code="js"] listeners : { cellclick : function(grid_togetherCriminal, rowIndex, colIndex,e) { if (colIndex > 0) { var rec = grid_togetherCriminal.store.getAt(rowIndex); var fiel...原创 2010-12-29 11:17:27 · 113 阅读 · 0 评论 -
布局 基础
[code="js"]Ext.onReady(function(){ var panel=new Ext.Panel({ renderTo:"hello", title:"容器组件", width:300, height:200, ...原创 2010-06-29 21:07:07 · 114 阅读 · 0 评论 -
combox 默认值
[color=red][ {"abbr":"AL","state":"Alabama"}, {"abbr":"WY","state":"Wyoming"}, {"abbr":"YY","state":"YYTest"}][/color]原创 2010-12-20 10:35:10 · 221 阅读 · 0 评论 -
TreeGridPanel
选择这个控件，是因为在昨天进行的一项开发中，需要一个可编辑的GridPanel控件，另外由于科目一项分为3-4级的树形结构，因此就需要找到一个合适的TreeGridPanel。 在网上查找很久，才发现了在Extjs3.0中，有Ext.ux.maximgb.tg.EditorGridPanel这样一个类提供了对我需求的支持，初步分析一下，依然有这样一些问题。目前本人还在使用这个控件进行开发，如...原创 2010-06-24 12:50:06 · 172 阅读 · 0 评论 -
Ext.DateField 格式
Ext.DatePicker，该类为我们提供了一个占地面积很广的日期选择器，Ext.form.DateField则在原来Ext.DatePicker的基础上多了一个文本框，文本框用来保存用户选择的日期。format指定日期格式，可用的日期格式有"m/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|...原创 2010-12-17 10:11:53 · 412 阅读 · 0 评论 -
extjs的grid控件如何根据值来设置某行的背景颜色
根据不同的值来设置grid的背景颜色在viewConfig里面配置getRowClass就行了，例：先自定义一个CSS：.my_row_Red table{ background:Red}然后在GridPanel里这样写：[code="js"]var QueryGrid=new Ext.grid.GridPanel({ frame:true...原创 2010-12-17 09:40:34 · 418 阅读 · 0 评论 -
js 获取路径
[code="html"]以下为输出： //获取Url传过来的值 function Request(name) { new RegExp("(^|&)"+name+"=([^&]*)").exec(window.location.search.substr(1)); return RegExp.$2 } t...原创 2010-12-13 19:02:30 · 120 阅读 · 0 评论 -
ext 复杂报表
extjs groupheaderplugin的使用创建调用的HTML：Ext.BLANK_IMAGE_URL = '../extjs/resources/images/default/s.gif';Ext.onReady(function() { new Ext.Viewport({ layout: 'fit', items:...原创 2010-05-11 10:34:34 · 234 阅读 · 0 评论 -
单页面框架
最近开发项目用到ext,不想使用iframe,在参考了大量文章以后使用eval的方式,来模块化js代码,实现框架页主页面的js代码 main.jsJs代码**********************************************************************************[code="java"][quote]// 页面加载开始...2010-03-18 17:21:56 · 147 阅读 · 0 评论 -
ext 中的iconCls配置以及使用以及路径问题
首先是ext的iconCls配置问题：使用过Ext（http://www.extjs.com）的同志都应该知道，每一个组件（Component）在初始化的时候，都会有一个配置参数（Config）{在Ext2中，基本上所有的组件的构造函数只接受一个参数，这个参数或者是一个Config Object或都是一个Array of Config Object}，其中，许多组件，如Menu，Button都...2010-03-18 15:41:18 · 326 阅读 · 0 评论 -
ext 事件
[size=large][color=red]1.Grid [/color][/size]********************************************************************************************[color=cyan]初始化时添加[/color][color=blue]1、双击 [/color] ...2010-03-18 14:53:22 · 123 阅读 · 0 评论