14. 基于Extjs的界面上一章我们实现了一个原生的html例子，本章我们将采用Extjs实现界面的展现，来说明MVC模式下我们是怎么考虑界面与业务层的关系的。14.1. 引用Extjs目录首先，我们在inventory app下增加一个static目录，拷贝Extjs发布目录到static下，本章节例子我们采用的是Extjs 4.1.1版本进行说明演示，Django项目能够访问static目录我们需要修改项目setting.py的STATIC_ROOT项的值，项目才能正确装载引用的静态文件。…# Ab...
无废话ExtJs 入门教程六[按钮：Button]extjs技术交流，欢迎加群（201926085)继上一节内容，我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位置， buttons: [btnsubmit, btnreset]。1.代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <title></title>5...
看到Extjs如此绚丽的界面，突然有种莫名的冲动来学习下！ Extjs是从yui-ext发展来的一套ajax控件，是一套完整的富客户端解决方案，也因为功能完整，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以为是基于js和css的功能实现，对客户端机器性能也有一定的要求，比如对ie6以下版本的不支持。 下面开始Extjs的学习（本人也是刚学，希望大家提出文中出现的问题）。"Hello World"是当今程序语言经典的入门程序，很多教科书上...
Extjs动态加载树，首先在数据库里面设计存放树信息的表 代码如下: USE [KimiExtjs] GO /****** 对象: Table [dbo].[Trees] 脚本日期: 04/08/2010 22:12:25 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO SET ANSI_PADDING ON GO CREATE TABLE [dbo].[Trees]( [Tid] [varchar](40) COLLATE Chinese_PRC_CI_AS NOT NULL,---节点ID 主键 Guid [ParentId] [varchar](40) COLLATE Chinese_PRC_CI_AS NULL,---父亲节点ID 0...
开始... 在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以尝试在这个方法中添加一条语句,看看页面打开后是什么反映: 代码如下: Ext.onReady(function() { alert(hello world!); }); 上面的代码将在页面加载完毕后弹出一对话框,打印出'hello world!'字样. 获取元素 还有一个常用的方法,就是获取...
大致看了几天的书籍 查阅了API。头脑里也记不下多少，学习还是动手比较好。就试着开始写写： 首先：开始搭个 界面框架. 第一步当然是引用ExtJs的相关文件： 定义一个Ext.Viewport： 在items的属性里设置： 头部： 代码如下: { region: 'north', html: 'CRM管理系统', autoHeight: false, border: false, margins: '0 0 5 0' } 左侧的管理树： 代码如下: { region: 'west', collapsible: true, title: '管理菜单'...
大致看了几天的书籍 查阅了API。头脑里也记不下多少，学习还是动手比较好。就试着开始写写： 首先：开始搭个 界面框架. 第一步当然是引用ExtJs的相关文件： <link rel="Stylesheet" href="resources/css/ext-all.css" /> <script type="text/javascript" src="ext-base.js"></script> <script type="text/javascript" src="ext-all-debug.js"></script> 定义一个Ext.Viewport： 在items的属性里设置： 头部： 代码如下: ...
开始... 在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以尝试在这个方法中添加一条语句,看看页面打开后是什么反映: 代码如下:Ext.onReady(function() { alert(hello world!); }); 上面的代码将在页面加载完毕后弹出一对话框,打印出hello world!字样. 获取元素 还有一个常用的方法,就是获取页...
Extjs动态加载树，首先在数据库里面设计存放树信息的表 代码如下:USE [KimiExtjs] GO /****** 对象: Table [dbo].[Trees] 脚本日期: 04/08/2010 22:12:25 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO SET ANSI_PADDING ON GO CREATE TABLE [dbo].[Trees]( [Tid] [varchar](40) COLLATE Chinese_PRC_CI_AS NOT NULL,---节点ID 主键 Guid [ParentId] [varchar](40) COLLATE Chinese_PRC_CI_AS NULL,---父亲节点ID 0表...