`
hn2002
  • 浏览: 58124 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
在实际的网页开发中,大部分时间都要涉及到Form表单的处理。在Ext 框架 中也提供了很多这方面的控件,而且还有一个专门的FormPanel布局,该布局默认为放在面板上面的所有控件都是换行放置,而在实际应用中为了美观,有些需要横排,特别是Radio控件,这个时候就需要我们重新定制这些控件的布局了,该例子中使用CSS 来实现这些功能,先贴出一张效果图。   实现上面效果的具体代码 如下: Js代码 <!DOCTYPE html PUBLIC  "-//W ...
本例子的完整代码 :  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> 简单的表单例子</title>       <meta http-equiv="content-type" content="tex ...
第四行的两个输入框主要是测试通过 vtypes 属性来验证输入框的输入的: {             columnWidth:.5,             layout: 'form',             border:false,             items: [{                 xtype:'textfield',                 fieldLabel: ' 电子邮件 ',                 name: ' ...
我们继续,现在需要加入一个学历的下拉选择控件。下拉选择控件最重要的一个定义就是数据的定义的,数据定义错误,可能得不到我们需要的效果,也是很多朋友感觉最麻烦的地方 {             columnWidth:.5,             layout: 'form',             border:false,             items: [{                 xtype:'combo',                  store: new Ext ...
好了,我们继续写 form ,因为要用到 column ,所以我们先在 formpanel 的 itmes 加入一个 column 的定义: { layout:'column',         border:false,         labelSeparator:' : ',         items:[] } 代码 里定义了在这里使用的是 columnlayout ( layout:'column' ); 没有边( border:false ); ...
Ext2.0 的 form 不单增加了时间输入控件、隐藏输入控件,还修改了创建方法 ,通过 formpanel 代替了原来 form , column 也根据新的布局定义更新了定义方式。总体来说,定义一个 form 更简单便捷了。本文将通过一个实例介绍一下 2.0 的 form 的创建以及其大部分控件的使用方法,因水平有限,错漏难免,忘大家多多谅解! 在创建一个 form 之前,我们先增加以下语句:   Ext .QuickTips.init();   Ext.form.Field.proto ...
from提交的时候发现Radio group无论选的是哪一项,提交时候的值都是"on"。 解决方案:用Radio的inputValue属性代替value属性 就行了
对于一个容器组件,比如Ext .FormPanel,其内部空间无非是按照横向或纵向划分;如果需要更复杂的布局方式,就对第一次划分得到的子区域进行再划分。 form的含义是把容器按照横向划分,划分得到的行数与容器内的子元素(直接子元素,而不包含子元素内部的元素)个数相同,每个元素占一行; column的含义是把容器按照纵向划分,划分得到的列数同上。 下面看看如何使用form和column 比如让我们实现一个登录的界面: var login = new Ext . FormPanel ({       labelAlign : ' top ' , ...
1 几种javascript函数定义的区别 http://blog.csdn.net/mallva/archive/2007/12/18/1947223.aspx   2 函数本来也是种对象,如下为定义类型名为people的对象: 1 有参的构造方法 function people(name){ this.name=name; } 2 给对象添加一个属性(方法) people.prototype.getName = function() { return this.name; } 使用: 1 实例化一个对象 var me=new people('chenxiaow ...
一 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) 二 表单 1 $('#id').val()或$('input#id').val() 取得id是text类型则取其输入框中的值 html <input id = 'id' type='text' /> 三 ...
  jquery基本入门 第一天:选择器相关 1.html()与.text() .html()取得第一个匹配元素的html内容。会带有标签,.text()仅是里边的文本 .text()取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本 2. $("a")选择所有的连接 $(".a")选择所有class="a"的标签 $("#a")选择id="a"的标签 3. $("span[@name=a]") ...
 Ext2.2正式发布了,刚下载体验了下。 在ext官方网上下载 www.extjs.com EXT下载:http://extjs.com/products/extjs/download.php 完整信息:http://extjs.com/blog/2008/08/04/ext-22-released/ 下载信息: 文件名称:       ext-2.2.zip 文件大小:       4.98 ...
第一部分目录 第1章 JavaScript简史  1.1 JavaScript的起源  1.2 浏览器之争  1.3 制定标准  1.4 小结 第2章 JavaScript语法  2.1 准备工作  2.2 语法  2.3 语句  2.4 变量  2.5 操作  2.6 条件语句  2.7 循环语句  2.8 函数  2.9 对象  2.10 小结 ...
原文地址: http: //www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/ Developers and designers are using more and more JavaScript in modern designs. Sometimes this can be a hindrance to the user and take away from the simplicity of the design, and other times it can add greatly t ...
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;&qu ...
Global site tag (gtag.js) - Google Analytics