- 浏览: 3295505 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
一个实例,包含了大多数表单控件
截图
代码如下
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
一个实例,包含了大多数表单控件
截图
代码如下
Ext.onReady(function() { Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var form1 = new Ext.FormPanel({ layout: 'form', collapsible: true, autoHeight: true, frame: true, renderTo: Ext.getBody(), title: '<center style="curor:hand" onclick="window.location.reload();">表单控件</center>', style: 'margin-left:auto;margin-right:auto;width:500px;margin-top:8px;', //设置标签对齐方式 labelAlign: 'right', //设置标签宽 labelWidth: 170, //设置按钮的对齐方式 buttonAlign:'center', //默认元素属性设置 defaults:{ width:180 }, items: [{ fieldLabel: '文本框控件', name: 'TextBox', xtype: 'textfield' //,readOnly : true //只读 //,emptyText :'请输入数据' //为空时显示的文本,注意不是value },{ fieldLabel: '只允许输入数字' ,name:'TextBoxNumber' ,xtype:'numberfield' //,allowDecimals: false // 允许小数点 //,allowNegative: false, // 允许负数 //,maxValue:1000 //最大值 //,minValue:0 //最小值 },{ fieldLabel: '下拉框控件', name: 'DropDownList', xtype: 'combo', //本地数据源 local/remote mode:'local', //设置为选项的text的字段 displayField: "Name", //设置为选项的value的字段 valueField: "Id", //是否可以输入,还是只能选择下拉框中的选项 editable : false, typeAhead: true, //必须选择一项 //forceSelection: true, //输入部分选项内容匹配的时候显示所有的选项 triggerAction: 'all', //selectOnFocus:true, //数据 store:new Ext.data.SimpleStore({ fields: ['Id', 'Name'], data: [ [1,'男'],[0,'女'] ] }) }, { fieldLabel: '日历控件', xtype: 'datefield', name: 'DateControl', format: "Y-m-d", editable : false //, 默认当前日期 //value:new Date().dateFormat('Y-m-d') },{ fieldLabel: '单选控件' ,xtype:'radiogroup' ,name:'Radios' ,items:[ {name : 'RadioItems',boxLabel:'选我',inputValue:'1',checked:true}, {name : 'RadioItems',boxLabel:'选我吧',inputValue:'0'} ] },{ fieldLabel: '复选控件' ,xtype:'checkboxgroup' ,name:'Checkboxs' //columns属性表示用2行来显示数据 ,columns:2 ,items:[ {name : 'CheckboxItems',boxLabel:'香蕉',inputValue:'A'}, {name : 'CheckboxItems',boxLabel:'苹果',inputValue:'B'}, {name : 'CheckboxItems',boxLabel:'橘子',inputValue:'C'}, {name : 'CheckboxItems',boxLabel:'桃子',inputValue:'D'} ] },{ fieldLabel: '文本域控件' ,xtype:'textarea' ,value:'可以输好多字!' ,height:50 },{ fieldLabel: '时间控件' ,xtype:'timefield' //格式化输出 默认为 "g:i A" //"g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|ha|gA|h a|g a|g A|gi|hi|gia|hia|g|H" ,format:'H:i' //时间间隔(分钟) ,increment: 60 },{ fieldLabel: '标签页' ,xtype:'fieldset' ,title: '标签页' ,autoHeight:true ,items :[{ xtype: 'panel', title: '标签页中的面板', frame: true, height: 50 }] },{ fieldLabel: '在线编辑器' ,xtype:'htmleditor' ,width:260 ,height:100 //以下为默认选项,其他请参照源代码 //,enableColors: false //,enableFormat : true //,enableFontSize : true //,enableAlignments : true //,enableLists : true //,enableSourceEdit : true //,enableLinks : true //,enableFont : true }], buttons: [{ text: "保 存" ,handler:function(){ MsgInfo('保存'); } }, { text: "取 消" ,handler:function(){ form1.form.reset(); } }] }); function MsgInfo(str_msg) { Ext.MessageBox.show({ title: '提示', msg: str_msg, width: 400, icon:Ext.MessageBox.INFO, buttons: Ext.MessageBox.OK }); } });
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
发表评论
-
ExtJS ajax request 设置超时时间
2012-05-03 23:32 10013作者:zccst 查了一下资料,设置超时时间有好几种情况 ... -
ExtJS之GridPanel细分功能
2012-01-30 18:45 947zccst整理 二、 一、将结果分组展示 表格数据分组: ... -
ExtJS之EditorGridPanel
2011-12-28 18:01 7198作者:zccst 之前大多用Ext.grid.GridPan ... -
ExtJS正确的学习方式
2011-12-28 15:53 1196ExtJS与其他的技术稍微不同的是需要查手册,而不是从网上搜。 ... -
ExtJS三级联动菜单
2011-12-15 18:04 6045一、前端js代码 // JavaScript Docume ... -
ExtJS之Store
2011-11-09 18:17 20030据目前所知:Store至少分为两类,一个是SimpleStor ... -
ExtJS表单之下拉树
2011-11-09 12:03 5537ExtJS表单之下拉树 作者:zccst 一、数据源 ... -
ExtJS表单之复选框CheckboxGroup展示与取值
2011-11-08 14:23 53851版本一 复选框的值都是 ... -
ExtJS之xtype的意义
2011-11-02 14:21 1579xtype:在EXTJS的可视化组件部署中的一种机制,即通过指 ... -
ExtJS面板
2011-11-02 12:13 1395面板的定义与多种面板的区别 一、Panel var panel ... -
Ext中的get、getDom、getCmp、getBody、getDoc的区别
2011-11-02 11:48 987Ext中的get、getDom、getCmp、getBody、 ... -
ExtJS开发环境搭建
2011-06-20 14:38 1322需要注意的事项: 1,引入extjs不是引入ext-base ...
相关推荐
在线教学质量评价系统可以方便和全面地收集教师教学工作的数据,提供师生网上评教的评分结果,快速集中收集各方面的评教信息,使教务管理部门能够及时了解教学动态和师资情况,为教务老师提供相关决策支持,为职称评聘提供教学工作质量的科学依据,同时减轻了教务老师的工作量。
python-3.10.7-amd64.zip
自研扩散模型高光谱修复网络 基于MST_Plus_Plus 网络改造。 试验数据 扩散模型loss初步测试降到了0.005,比不加扩散loss小了20倍, 训练入口 train_cos_img.py
企业数据治理之数据安全治理方案
这是历年的毕业设计的项目,基于Android的一个红外防盗报警。需要自己添加蜂鸣器和热释电的硬件访问服务。
短视频用户价值研究报告2022
基于springboot的java毕业&课程设计
可运行源码(含数据库脚本)+开发文档+lw(高分毕设项目) java期末大作业毕业设计项目管理系统计算机软件工程大数据专业 内容概要:首先在日常的出行中,老旧城区道路狭窄,容易造成车辆的堵塞,每天早晚,接送孩子的车辆数密集,会造成相应的交通堵塞情况。而同样的,在停车的管理上,一方面我国的停车场面积较少,停车位一位难求,特别是在现在的一些小区里,为了抢停车位而产生的矛盾也日益突出。另一方面在停车场的管理上也存在着较大的管理问题,进车容易出车难是当下的停车场所出现的主要问题。而现在的停车场管理系统眼花缭乱,效果水平也良莠不齐,停车场的管理是当下各大城市的公共设施发展的一大难题,而国家、各大省市也都开 全套项目源码+详尽文档,一站式解决您的学习与项目需求。 适用人群: 计算机、通信、人工智能、自动化等专业的学生、老师及从业者。 使用场景及目标: 无论是毕设、期末大作业还是课程设计,一键下载,轻松部署,助您轻松完成项目。 项目代码经过调试测试,确保直接运行,节省您的时间和精力。 其他说明: 项目整体具有较高的学习借鉴价值,基础能力强的可以在此基础上修改调整,以实现不同的功能。
基于springboot的java毕业&课程设计
微信小程序设计之相关行业源码及图文导入教程
网络游戏开发是一项很大的工程,需要很多综合性的知识。这对于刚刚入门的开发者来说很难理解。本论文从研究开发一个模仿泡泡堂网络游戏的例子出发,讲述网络游戏开发中用到的一些最基本的知识和设计思想,使大家清晰的理解游戏开发的过程。 整个设计中利用java中的swing编程,结合游戏的操作流程,对整个游戏进行精心的设计和大量的测试,实现游戏软件服务器端和客户端的开发,为玩家提供一个友好美观的操作界面,并添加聊天等功能以增加玩家之间的互动性,此外实现了可编辑场景地图的功能,使得游戏内容的更加丰富,玩家交互性更好,确保了游戏更具有趣味性、灵活性,以满足玩家对这款网络游戏的要求。
外东洪路中段.m4a
软考3333333333
附件是Elasticsearch 的全文搜索功能使用方法,文件绿色安全,请大家放心下载,仅供交流学习使用,无任何商业目的!
1.版本:matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
基于springboot的java毕业&课程设计
CCNP TSHOOT 642-832 Official Certification Guide
MySQL8.4.0 LTS(mysql-server_8.4.0-1ubuntu22.04_amd64.deb-bundle.tar)适用于Ubuntu 22.04 Linux (x86, 64-bit)
课设毕设基于SpringBoot+Vue的某银行OA系统 LW+PPT+源码可运行.zip