extjs tabr栏

ExtJs布局之tabPanel

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

EXTJS 4.2.1.883 Summary 合计栏宽度bug

EXTJS 4.2.1.883中改进了summary插件,使合计栏能够在grid最底部显示,但是列宽和表格对不上,解决方法: 找到以下样式 .x-docked-summary .x-grid-table { width: 100%; } 修改为: .x-docked-summary .x-grid-table { width: auto; }

ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析首先创建一个Grid组件,然后查看下的HTML源码. 1.1.1 Grid组件 1.1.2 HTML代码从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域). 其中grid-body包含了许多tr元素,每一个tr都是代表Gri

[转]看懂ExtJS的API

原文地址:http://www.cnblogs.com/youring2/archive/2013/03/05/2944004.html ExtJS的功能很强大,相应的其API也很庞大,并且看起来并不是很轻松.首先是纯英文的东西,大脑的第一反应就有点迟钝,然后是整页整页的配置.属性.方法.事件等,看上去真的可谓是眼花缭乱.所以本文的目的就是告诉大家如何轻松的看懂ExtJS的API. 进入API文档当你下载了ExtJS之后,不妨在IIS中为ExtJS新建一个网站,访问该网站的主页,你会看到如下的

ExtJs Grid 删除，编辑，查看详细等超链接处理

在网上查了好多资料,关于ExtJs处理操作栏的“删除”.“编辑”.“查看详细”的处理,原来项目都是这么处理: 操作栏:{ text:'操作', xtype:'actioncolumn', items : [{ icon : '../images/edit.png', tooltip : '编辑', handler:function(grid, rowIndex, colIndex){ var record = grid.getStore().getAt(rowIndex); var data =

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

一:源起 1.何为CB/S的应用程序 C/S结构的应用程序,是客户端/服务端形式的应用程序,这种应用程序要在客户电脑上安装一个程序,客户使用这个程序与服务端通信,完成一定的操作. B/S结构的应用程序,是浏览器/服务端形式的应用程序,这种应用程序不用在客户端部署任何东西,客户只需要通过浏览器与服务端通信,来完成一定的操作. 两种类型的程序优缺点对比: 对比内容 C/S结构的应用程序 B/S结构的应用程序部署较困难方便升级较困难方便对客户端

ExtJS学习之路第五步：认识最常见组件Panel

文档中描述 Panel(面板)是一个容器,它具有特定的功能和结构部件,这使它成为面向应用用户界面的完美基石.面板,继承自Ext.container.Container,能够配置布局以及子组件(Child Components).当向Panel中添加指定的子项(Child Items)或者动态的添加组件时,记得要考虑如何排版Panel中的子元素,这些子元素是否需要Ext内建Layout布局的方案.默认情况下,Panel使用自动(Auto)布局.这种方式,只是呈现子组件,一个接一个向Containe

初学ExtJs 表格显示后台数据

最近开始接触ExtJs,贴出自己的代码,一个简单的表格显示版本 3.4.1 需要json包代码清单1.jsp引入的ExtJs文件  <link href="ExtJs/resources/css/ext-all.css" type="text/css" rel="stylesheet"/> <script type="text/javascript" sr

ExtJs桌面组件（DeskTop）

在desktop\js目录中包含了5个js文件,这5个js文件如下: 还有css样式表:desktop.css,图片素材在这5个js文件中封装了用于模拟桌面的类,这些类如下: Ext.ux.StartMenu(StartMenu.js) 模拟操作系统桌面左下方的开始菜单Ext.ux.TaskBar(TaskBar.js) 模拟操作系统桌面右下方的任务栏 Ext.Desktop(Desktop.js) 模拟操作系统的整个桌面Ext.app.Module(Module.js)对应整

extjs 学习笔记（二）

EXTJS实用开发指南 1. 要使用ExtJS 框架的页面中一般包括下面几句: <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></

extjs笔记

1. ExtJs 结构树.. 2 2. 对ExtJs的态度.. 3 3. Ext.form概述.. 4 4. Ext.TabPanel篇.. 5 5. Function扩展篇.. 7 6. Ext.data.Store篇.. 10 7. Ext.data.JsonReader篇一.. 12 8. Ext.data.JsonReader篇二.. 15 9. Ext.data.HttpProxy篇.. 19 10. Ext.data.

Extjs学习----------动态载入js文件（减轻浏览器的压力）

动态载入js文件能够减轻浏览器的压力,本例使用了Ext.window.Window组件,该组件的学习地址:http://blog.csdn.net/z1137730824/article/details/38538277 详细实现步骤: (1)建立dynamic.jsp文件 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String

时间紧任务重---extjs的学习就这么开始吧

我们的extjs借助了一个模板引擎--artTemplate,它是一个开源的项目,不多说,给个链接吧:http://aui.github.io/artTemplate/ 直接上代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html

Javascript - ExtJs - 组件 - 分页

服务端只需要返回如下格式的字符串,ExtJs就可以解析并自动生成分页数据. , name: "sam" } ] } 准备: CREATE PROCEDURE [dbo].[usp_PagingLarge] @TableNames VARCHAR(2000) , --表名,可以是多个表,但不能用别名 @PrimaryKey VARCHAR(100) , --主键,可以为空,但@Order为空时该值不能为空 @Fields VARCHAR(400

ExtJs 中Viewport的介绍与使用

ExtJs 中Viewport的介绍与使用 VeiwPort 代表整个浏览器显示区域,该对象渲染到页面的body 区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort 实例.Viewport 不需要再指定renderTo,而我们也看到Viewport 确实填充了整个浏览器显示区域,并会随着浏览器显示区域大小的改变而改改.Viewport 主要用于应用程序的主界面,可以通过使用不同的布局来搭建出不同风格的应用程序主界面.在Viewport 上常用的布局有fit.bord

Extjs 代码拾穗

1.tree grid 添加一行 var rootNode = store.getRootNode(); var newRecord = Ext.create('MatrixDlv',{"sdDlvrName":text}); rootNode.appendChild(newRecord); var rowEditor = treeGrid.getPlugin('rowplugin'); rowEditor.startEdit(newRecord,0); 2. tree 加上这个的话,

【ExtJS】布局Layout

布局用于定义容器如何组织内部子元素和控制子元素的大小. ExtJS中有两种类型的布局:Container容器类布局与Component组件类布局. Containter容器类布局:负责容器内容Extjs元素和调整Extjs元素的大小. 包括:Border布局.Box布局.Fit布局等等. Component组件类布局:负责组织组件的HTML元素. 包括:Dock布局.Toolbar布局.Field布局.TriggerField布局. 一.Container布局: 我们首先拿一张图来看看Conta

ExtJS常用代码集合

ExtJS常用代码集合,包括弹出提示框,登陆框,树状结构等等.1. [代码]弹出提示框 <html> <head> <title>Getting Started Example</title> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"

73. 解决ExtJS TreePanel 的 iconCls设置问题

转自:https://blog.csdn.net/hanchuang213/article/details/62881568 很久没有写代码了,最近在做一个在线帮助网站,于是又捡起了 ExtJS,我用 TreePanel 做为左边栏的导航树,我希望能够根据节点指向的内容来定义节点的图标,如以下的样子: 展开节点以前展开节点以后如果节点包含有子节点,则该节点就有 “展开” 和 “关闭” 这两种状态,我希望能过通过设置自己的样式表来控制指定节点的这两种状态下的图标,就如上图那样. 查看了 Ext

ExtJS 4.2 评分组件

上一文章是扩展ExtJS自带的Date组件.在这里将创建一个评分组件. 目录 1. 介绍 2. 示例 3. 资源下载 1. 介绍代码参考的是 Sencha Touch 2上的一个RatingStar扩展插件,在此基础上做了移植到ExtJS 4.2,并扩展了默认值.form表单支持等功能. 1.1 JavaScript代码 /*! * 评分组件 */ Ext.define('App.Demo.RatingStarFiledDemoTab', { extend: 'Ext.panel.Panel'

ExtJS 4.2 介绍

本篇介绍ExtJS相关知识,是以ExtJS4.2.1版本为基础进行说明,包括:ExtJS的特点.MVC模式.4.2.1GPL版本资源的下载和说明以及4种主题的演示. 目录 1. 介绍 1.1 说明 1.2 特点 1.3 使用协议 1.3 MVC模式 2. 资源 2.1 资源地址 2.2 资源目录说明 2.3 docs/index.html 3. 运行图 1. 介绍 1.1 说明 ExtJS是一个用javascript.CSS和HTML等技术实现的主要用于创建RIA即富客户端,且与后台技术无关的前