Extjs
文章平均质量分 72
lz199057
这个作者很懒,什么都没留下…
展开
-
具有选择框的菜单
var toolbar = Ext.create('Ext.toolbar.Toolbar', { renderTo: Ext.getBody(), width: 300 }); var menu = Ext.create('Ext.menu.Menu', { items: [原创 2014-10-23 21:12:03 · 366 阅读 · 0 评论 -
容器字段FieldContainer
//Ext.form.FieldContainer扩展自Ext.container.Container。当需要把多个字段或组件作为一个表单项展示的时候就需要此组件 Ext.QuickTips.init();//它可以把子元素排列好,并且在表单中提供唯一标签。 //Ext.get(document.body).update(""); var f原创 2014-10-24 21:31:16 · 770 阅读 · 0 评论 -
Grid分组汇总
Ext.onReady(function () { Ext.define('personInfo', { extend: 'Ext.data.Model', fields: ['name', 'salary', 'country'] });原创 2014-10-24 21:49:04 · 842 阅读 · 1 评论 -
多列树
Ext.onReady(function () { Ext.create('Ext.tree.Panel', {//树面板 title: '多列树实例',//树面板标题 width: 500, height: 350, frame:tru原创 2014-10-24 21:49:54 · 516 阅读 · 0 评论 -
Extjs整体加载树节点
Ext.onReady(function () { Ext.define('company', { extend: 'Ext.data.Model', fields: ['text'] }); var treeStore1 =原创 2014-10-24 21:12:16 · 952 阅读 · 0 评论 -
Grid分组特性
Ext.onReady(function () { Ext.define('personInfo', { extend: 'Ext.data.Model', fields: ['name', 'salary','country'] });原创 2014-10-24 21:47:48 · 336 阅读 · 0 评论 -
表单加载
//使用了Ext.form.action.Load从服务器的返回信息示例是{success:true,data:{introduction:'.....'}}.introduction是待加载数据的表单项名。 Ext.QuickTips.init();//Load加载表单方式从服务器返回的json对象包含两个配置项{success和data}这是加载成功的时候原创 2014-10-24 21:51:07 · 467 阅读 · 0 评论 -
Json对象
json是轻量级的xml,是js标记语言,因为小巧,所以网络中传输数据流量更少而速度更快,是较常用的数据传输格式。在数据传输过程中,json是以文本,即是以字符串形式传输的,而JS中使用的是json对象,所以将json字符串转化为json对象就很有必要了。json字符串:var str1='{"name":"njust","address":"nanjing"}';json对象:var原创 2014-10-26 15:00:44 · 309 阅读 · 0 评论 -
远程数据源Combobox
Ext.define('bookInfo', { extend: 'Ext.data.Model',//新类继承自model fields: [{ name: 'bookName' }]//利用fields来定义数据模型的字段,这里利用name为数据模型定义了两个字段名原创 2014-10-24 21:16:20 · 468 阅读 · 0 评论 -
时间选择框
Ext.QuickTips.init(); var f_Pannel = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), frame: true, width: 400, height: 150, defaults: {原创 2014-10-24 21:24:42 · 321 阅读 · 0 评论 -
Extjs利用vtype验证表单
Ext.create('Ext.form.Panel', { title: '表单验证', renderTo: Ext.getBody(), frame: true, width: 400, // height: 100, //fileUpload: true, defau原创 2014-10-24 21:23:01 · 399 阅读 · 0 评论 -
多级分布加载树节点
Ext.onReady(function () { Ext.define('companyInfo', { extend: 'Ext.data.Model', fields: [ 'companyName','staffNum'] }); var tre原创 2014-10-24 21:49:20 · 515 阅读 · 0 评论 -
表单的水平布局
表单的默认布局时将各个子组件按照配置的先后顺序原创 2014-10-24 20:47:30 · 412 阅读 · 0 评论 -
Extjs文本输入框
var loginForm = Ext.create('Ext.form.Panel', { title: '单行输入', renderTo: Ext.getBody(), bodystyle: 'padding 5 5 5 5', width: 200, height: 120, defa原创 2014-10-24 21:20:57 · 760 阅读 · 0 评论 -
ExtJs之字段集FieldSet
//Ext.form.FieldSet扩展自Ext.container.Container。其优点就是把相同字段集中在一起,在外面字段外面加了个线”围住“他们。 // Ext.QuickTips.init();//使表单结构清晰。 var f_Pannel = Ext.create('Ext.form.Panel', { title: '原创 2014-10-24 21:05:54 · 646 阅读 · 0 评论 -
日期选择框
Ext.QuickTips.init(); var f_Pannel = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), frame: true, width: 400, height: 150, defaults: {原创 2014-10-24 21:32:42 · 418 阅读 · 0 评论 -
面板的五个部分
//这段代码在VS中执行结果与firebug下有差别,不同之处就是底端工具栏的显示.还有就是标题栏的工具按钮显示有问题 //Ext.get(document.body).update(''); var firstPanel = Ext.create('Ext.panel.Panel', { collapsible:true,原创 2014-10-24 21:35:52 · 481 阅读 · 0 评论 -
Extjs中自定义事件
//Ext中所谓的响应事件,响应的主要是组件中已经定义的事件(通过看api各组件的events可以找到) //主要作用就是利用on调用各组件的事件处理函数,然后在函数中作用户想要的操作 //Ext也可以自定义事件,定义过程参考Ext.util.Observable // 这种形式定义div的话,按钮2会在按钮1上面,但是我是想按钮1在原创 2014-10-24 21:11:22 · 408 阅读 · 0 评论 -
Extjs文本输入域
var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), frame: true, width: 400, height: 180, title: '多行输入', it原创 2014-10-24 21:17:10 · 1337 阅读 · 0 评论 -
单元格选择模式
Ext.onReady(function () { Ext.define('personInfo', { extend: 'Ext.data.Model', fields: ['id', 'name', 'age'] }); var datas = [/原创 2014-10-24 21:38:11 · 275 阅读 · 0 评论 -
Grid行编辑插件
//操作列不显示应该就是autoLoad的问题。 Ext.onReady(function () { Ext.BLANK_IMAGE_URL = "Extjs/resources/themes/images/access/tree/s.gif"; var datas = [ [100, '刘一'原创 2014-10-24 21:39:29 · 517 阅读 · 0 评论 -
单选框和复选框组
//Ext.form.CheckboxGroup和Ext.form.RadioGroup /// Ext.get(document.body).update("") var f_Pannel = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(),原创 2014-10-24 21:41:24 · 938 阅读 · 0 评论