随笔分类 - 无废话ExtJs系列教程
摘要:ExtJs 入门教程一[学习方法] ExtJs 入门教程二[Hello World] ExtJs 入门教程三[窗体:Window组件] ExtJs 入门教程四[表单:FormPanel] ExtJs 入门教程五[文本框:TextField] ExtJs 入门教程六[按钮:Button] ExtJs
阅读全文
摘要:一、概况:这个实例的开发工具为 vs2010,数据库为 sql2008 r2,数据库设计pd16。以下是对文件的详细说明: 解压文件 05 ExtJs教程 夹后 会有以下3个文件夹: 00 Extjs.Doc里包含4个文件: (1)数据库创建脚本,为了兼容低版本的朋友。 (2)数据库bak文件。 (
阅读全文
摘要:我们在开发系统的时候经常会用到 Checkgroup 由后台取出的情况,然而在 ExtJs CheckboxGroup 并没有提供该服务端数据源的属性。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
阅读全文
摘要:在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性。而这些属性可以通过“继承”定义在我们定义的新组件中,从而达到重用的目地。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/
阅读全文
摘要: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="htt
阅读全文
摘要:首先解释什么是 API 来自百度百科的官方解释:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 ExtJs的Api必须
阅读全文
摘要: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="htt
阅读全文
摘要:在Extjs中,GridPanel用于数据显示,即我们平时说的列表页。在本节中,我们先对GridPanel有个基本的认识,后继过程再做Demo练习详细讲解在开发中的应用。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio
阅读全文
摘要:首先解释什么是布局: 来自百度词典的官方解释:◎ 布局 bùjú: [distribution;layout] 对事物的全面规划和安排,布:陈设;设置。 我对布局理解是“把**东西放在**位置显示”[动词]。 ok,我们这节课就讲一下怎么样把 ExtJs 的组件,放到我们想放置的位置。 一、常用布局
阅读全文
摘要:前面我们共介绍过10种表单组件,这些组件是我们在开发过程中最经常用到的,所以一定要用到非常熟练才可以,今天我们会通过一个员工信息表实例,再把这些组件串一下。 (1)TextField (2)Botton (3)NumberField (4)Hidden (5)DataFiedl (6)RadioGr
阅读全文
摘要:ExtJs自带的编辑器没有图片上传的功能,大部分时候能够满足我们的需要。 但有时候这个功能还是需要的。我在这里对keeditor进行了整合。 首先要下载keeditor和上传时需要引用的LitJson.dll。由于ke的版本不同,我这里提供的下载文件只适用于当前整合代码,供参考。 1.代码如下: 1
阅读全文
摘要: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="htt
阅读全文
摘要:不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其他下拉列表,如:省、市、地区。 当我们监听到省变化时,向service端发送省的编号,service端根据收到的"省"编号到数据库中查询该省所对应的市信息, 地区同理,抓住这一点,我们只需要监听 combobox 的 sele
阅读全文
摘要:继上一节内容,我们在表单里加了个一个下拉列表: 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
阅读全文
摘要:继上一节内容,我们在表单里加了个一个单选组,一个复选组: 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
阅读全文
摘要:继上第六节内容,我们在表单里加了个一个数字字段,隐藏字段,日期字段。如下代码所: 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht
阅读全文
摘要:Firebug是一个Firefox插件,功能:HTML查看和即时编辑、控制台、网络状况等,是开发JavaScript、ExtJs的得力调试工具。 一、Firefox的安装.下载地址: http://www.mozilla.org.cn 二、Firebug下载地址: https://addons.mo
阅读全文
摘要:在这节我们通过前几节讲的内容做一个登陆页面,把前几节讲的内容贯穿一下。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
阅读全文
摘要:继上一节内容,我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位置, buttons: [btnsubmit, btnreset]。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
阅读全文
摘要:继上一节内容,我们在表单里加了个两个文本框。如下所示代码区的第42行位置,items: [txtusername, txtpassword]。 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http
阅读全文