extjs
关注
分享
扫一扫
chengyue2007
想学习java
展开
-
Ext源码分析之模板模式解说——Ext组件渲染render的全过程详述
模板模式是设计模式中很重要的一个知识点，我在模式总结——模板方法这篇文章中已有总结，在面向对象设计中有着举足轻重的地位。 在Ext中更是发挥的淋漓尽致，为什么这么说呢？Ext中的组件有着很深的继承关系，很多方法都有着重复，而且不仅 是代码上的重复，更多的是流程上的重复 比方说，Ext.Panel吧，将一个Panel显示在浏览器中，其过程叫做render（渲染）。有这么几道工序： 第一、触发”bef...原创 2009-07-20 09:14:39 · 165 阅读 · 0 评论 -
ExtJs树TreePanel
1.创建一个简单(静态)的树 /** 创建一个简单(静态)的树 */ function createSimpleTreePanel(){ //因为每个树中由N个节点组成的,所以要创建树,必须创建树所包含的节点(树必须有一个或多个根节点). var vRoot = new Ext.tree.TreeNode({text: '根节点1'...原创 2011-09-17 22:27:28 · 111 阅读 · 0 评论 -
ExtJs表单FormPanel
1.简单表单实例/** 简单表单实例(与JSP页面进行交互) */ function createSimpleFormPanel(){ var myFormPanel = new Ext.form.FormPanel({ renderTo: document.body, title: '我的表单', ...原创 2011-09-17 22:17:54 · 131 阅读 · 0 评论 -
ExtJs标签TabPanel
function myRender(p){ Ext.Msg.alert("提示",p.title+"渲染成功") ; } Ext.onReady(function(){ var i = 4 ; //注意:每个Tab标签只渲染一次 var tabs = new Ext.TabPanel({ ren...原创 2011-09-17 22:13:33 · 149 阅读 · 0 评论 -
extjs 创建简单Meun,实现在TreePanel上面右键.
/** 创建简单Menu */ function createMenu(){ //创建一个菜单 var myMenu = new Ext.menu.Menu({ items:[{ text: '右键快捷方式1', menu: [{ ...原创 2011-09-17 22:02:19 · 140 阅读 · 0 评论 -
EXT VTYPE
ext vtype 实例Ext.apply(Ext.form.VTypes, { // 年龄 "age" : function(_v) { if (/^\d+$/.test(_v)) { var _age = parseInt(_v); if (_age < 200) return true; } else return false; ...原创 2009-09-02 19:00:47 · 247 阅读 · 0 评论 -
ext的vtype自动验证
用vtype格式进行简单的验证。在此举邮件验证的例子，重写上面代码的items配置:items:[ {fieldLabel:"不能为空", vtype:"email",//email格式验证 vtypeText:"不是有效的邮箱地址",//错误提示信息,默认值我就不说了 id:...2009-09-01 20:26:34 · 330 阅读 · 0 评论 -
extjs各种组件
组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有：xtype Classbox Ext.BoxComponent 具有边框属性的组件Button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组件container Ext.Container 容器cycle Ext.CycleB...2009-08-25 22:26:22 · 165 阅读 · 0 评论 -
用jQuery和ajax（两例）获得远方服务器数据
login.html<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>登陆页面</title><原创 2009-07-29 19:59:09 · 114 阅读 · 0 评论 -
ext webwork+hibernate+spring crud ssh2 viewport布局文
吸纳百川为我所用。1.ext_viewport.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="ww" uri="/webwork" %> <html>原创 2009-07-23 20:45:39 · 130 阅读 · 0 评论 -
ExtJs表格控件Grid
下面介绍三种ExtJs中最常见的表格控件:GridPanel,EditorGridPanel,PropertyGrid.1.创建普通的Grid表格/** 创建普通的Grid表格 */ function createGridPanel(){ var myData = [//以数组的形式定义数据 ['3m Co',71.72,0...原创 2011-09-17 22:29:54 · 149 阅读 · 0 评论