SenchaTouch命名空间Ext.ns()的使用

CanOpen PDO映射实战:从原理到配置的完整指南 本文详细解析了CanOpen PDO映射的原理与配置流程,从基础通信机制到实战配置步骤,涵盖禁用PDO、清空映射、逐项映射和使能PDO等关键环节。特别针对西门子G120变频器、台达伺服和倍福CX控制器等不同厂商设备,提供了具体的配置技巧和常见问题排查指南,帮助工程师快速掌握多厂商设备间的PDO通信配置。 阅读详情

SenchaTouch使用了命名空间类似于Java的包一样,可以将一些东西隐藏起来。防止全部变为全局变量。

如果没有命名空间,那么要么你在函数对象里面写得很多很多,那样全局变量就会少了很多全局变量,但是当你做的项目比较大的时候,那代码就很不清晰乱成一团了。使用命名空间可以减少全局变量的声明以至于不影响其他对象里的变量。

不过当你命名变量的时候你最好使用 var关键字,如果你没有用var关键字声明变量的话,那么你的变量将默认是全局的是window下的变量。

不过利用闭包也可以起到效果,不过没试过,是这样的函数声明使用(function(){})();

下面讲一下命名空间的使用,Ext.ns()是Ext.namespace()的缩写,用来声明命名空间。

其实熟悉一下javascript的语法就知道根本就没有这样的东西。其实Ext只是利用了对象添加的属性类似的用法来模拟命名空间(或包)。因为对象或者方法是闭包的,其内定义的变量对外界是封闭的。


Ext.ns('MySpace');    //相当于你定义了一个空的函数对象(或者认为是一个类),可以写成MySpace = Ext.emtyFn();或者MySpace = {}

MySpace.app = Ext.Panel({}); //这个MySpace.app是往MySpace对象里面添加属性,属性名为app(它是一个Panel的函数对象)。


如果 Ext.ns('MySpace', 'MySpace.data' , 'MySpace.views'); //那么就相当于你定义了三个对象,MySpace ,还有MySpace的data,views属性都是一个对象,那么你就可以往MySpace.data.moumou来添加这个对象的属性了。 


Ext.ns()还有一个特点就是,Ext.ns('MySpace.data.box'); 跟Ext.ns('MySpace', 'MySpace.data','MySpace.data.box')是一样的。还有如果你定义了一个命名空间的话,那么如果你放在第一个js里,那么命名空间里的任何东西都会在你之前有效,不会,只声明而没有定义。因为在此之前你的那些属性已经在前面(命名空间里提到,用得话那么就在命名空间之前赋值了)。

使用命名空间,可以把views,data,class分成不同的js文件,放在不同的文件夹,那会是代码更加清晰整洁,也有利于维护更改

[Ext JS]3.2 表单(Form)及表单元素 表单用于收集用户的信息,在HTML中对应`<form>`标签,使用`<input>`标签在表单下添加输入框。 在Ext JS中,表单是面板的一种,对应的类是`Ext.form.Panel`,除了输入框,Ext JS提供了丰富多样的表单元素组件,并称这些组件为表单字段(Form Fields) 阅读详情

相关推荐

Fiori Elements 表格之 Tree Tables:从数据建模到交互行为的全链路剖析

SAP Fiori elements的Tree Table组件将分层数据以表格形式展示,支持展开/折叠操作,适用于组织结构、物料清单等多级数据场景。该组件在List Report和Object Page中均可使用,支持懒加载、多选、列冻结等标准表格功能,并与OData V4服务层级注解深度集成。后端需通过RAP或CAP建模提供层级数据,前端通过清单配置切换表类型。需注意在草稿模式下仅显示活动实体,且展开状态在编辑时不保留。性能方面建议采用懒加载策略,避免全量加载树节点。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 129

extjs 基础部分

创建对象的方法:     使用new 关键字创建对象。       new classname ([config])     使用Ext.create方法创建。       Ext.create(classname,[config])     new Ext.Viewport({})     修改为Ext.create('Ext.Viewport',{})   Ext.wid...

weixin_33751566的博客 268

CCSDS LDPC

Research and Development forSpace Data System StandardsLOW DENSITY PARITY CHECK CODES FOR USE IN NEAR-EARTH AND DEEP SPACE APPLICATIONSCCSDS 131.1-O-2

关于 Ext.ns 说明

基本知识 Ext.ns()(或Ext.namespace()函数)。 这个函数用以构建一个新的命名空间。 概念跟C#的命名空间Java中的包概念一样。 观察源代码我们可以发现。 实际上这个函数只是建立了一个跟命名空间一样的类而已。 比如:Ext.ns('buzz.data.utility');,就会新建一个类,名称是buzz.data.utility。有了这个概念,我们就好办了。

蜗牛天堂 3345

转载:《Ext.ns

转载自:http://hi.baidu.com/zhangjinbo619/blog/item/bbd7aed5bddbbbca51da4b83.html 声明:本人转载只为分享,如涉及商业版权纠纷,请及时与本人联系,必将立即删除,造成不便,还望见谅,谢谢。 在软件架构中,特别是B/S架构中,很流行使用三层架构(数据层、中间层、表现层)来建立软件。但这从来都是服务器端的专利。在传统的...

yechuxin_2009的专栏 241

Ext.ns

Ext.ns  (2012-02-02 11:34:42) 转载▼ 标签:  杂谈 分类: javascript 基本知识 Ext.ns()(或Ext.namespace()函数)。相信很少有人去使用这个函数,这个函数用以构建一个新的命名空间。概念跟C#的命名空间Java中的包概念一样。观察源代码我们可以发现。实际上

evilcry2012的专栏 595

Ext Js详解指南

什么是Ext JS 走进Ext的世界 Ext JS是一款富客户端开发框架它基于javascript、HTML和CSS开发而成,无需安装任何插件即可在常用浏览器中创建出绚丽的页面效果。 个人总结Ext JS的方法 从Extjs的视图学起 例如:窗体、表单、数等等。并且可以掌握调试工具和技巧 学习使用API 学会怎么查询以及使用大牛提供的接口解决常见的问题(一般我们用到的效果,大牛们在做...

weixin_30685047的博客 2801

extjs 面向对象实践

近期一个项目前台采用了extjs框架,经过一段时间的编码,对extjs面向对象也有了一定的了解。以下通过FormPanel扩展对表单对象中常用代码段进行了通用提取,并以此实践ext面向对象的继承,希望对刚接触的朋友有所帮助。1.实现类构造方法: 1/**//*2*默认表单类3*addbydaiqiang4**/5Ext.ux.DefaultForm...

weixin_34232363的博客 134

关于 Extjs 的 namespace

命名空间(namespace)是Extjs组织代码的一个非常精巧的方式。通过这一方式,可以将数量庞大的js代码分类到不同的命名空间下,可以有效地解决js容易产生变量冲突的问题,让不同命名空间下的变量和对象的取名更自由而不受同名的约束。下面看看命名空间应用的例子:   Ext.namespace("App.common.util");      App.common.u

sandaray的专栏 514

ExtJs自定义带Form功能的Window

 之前在项目遇到一个问题就是使用很多的Window进行新增,修改的操作,每个Window都添加上一个FormPanel。   1、添加起来比较麻烦。2、在Window再添加FormPanel肯定生成的Div会更多了,而且阅读起来也比较麻烦。 3、还有就是很多同学喜欢使用使用field.setValue去赋值,其它FormPanel中就提供了loadRecord。很方便进行FormPane...

hzylyl2402的专栏 376

Extjs- Ext.Extend函数的使用

Ext.extend在Extjs 中扮演着重大角色,是Extjs中几个重要函数之一。要想深入了解EXTJS,这个函数非掌握不可,网上有很多关于这个函数的源码分析和介绍方面的文章,这里我只总结关于这个函数的使用的下几种情况,不详细分析这个函数的源码。 Example one:

tengweichen126的专栏 501

Ext之二(实用方法)

上篇看到Ext.extend,接着往下看。   Ext.namespace,用来管理Ext命名空间的方法 namespace : function(){ var o, d; Ext.each(arguments, function(v) { d = v.split("."); o = window[d[0]] = window[d[0...

zhouruitao的专栏 205

Extjs学习 三种方式提交form表单

1、EXT的form表单ajax提交(默认提交方式)       相对单独的ajax提交来说优点在于能省略写参数数组      将按钮添加单击事件,执行以下方法 Javascript代码: [JavaScript] view plaincopyprint?     function login(item) {

jazywoo_在路上 884

ext.ajax 查询功能,extjs实现选择多表自定义查询功能 前台部分(ext源码)_extjs

EditGridPanel主要代码如下:{header:'括号',dataIndex:'leftbrackets',width:40,editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({store: new Ext.data.SimpleStore({fields:['value','text'],data: leftBracketsComb...

weixin_42466868的博客 443

ExtJs中的Form表单基础篇

在软件开发中,通过Form表单向后台提交数据是一种很常见的行为.使用ExtJs这种富客户端时,跟平时的html开发有一定的区别. 一般的jsp和struts2的开发为: <!-- lang: html --> <form action='UserAction_save.ac...

chenpituo0373的博客 342

extjs中Ext.ns('xxx')中的几个问题

  当使用com.bitc.xmis.ExcelImportWin = Ext.extend(Ext.Window, {})新建一个表单或者窗口时,后面应该加上 com.bitc.xmis.ExcelImportWin.superclass.initComponent.call(this);    Ext.extend()函数提供了直接访问父类构造函数的途径,通过 SubCla...

auos628826的博客 302

【翻译】探究Ext JS 5和Sencha Touch的布局系统

原文:Exploring the Layout System in Ext JS 5 and Sencha Touch布局系统是Sencha框架中最强大和最有特色的一个部分。布局要处理应用程序中每一个组件的尺寸和位置。在Ext JS和Sencha Touch直接有许多相似之处,尤其是现在Ext JS 5开始支持平板更是如此。下面让我们来探讨一下布局系统是如何跨域Sencha框架进行工作的。布局...

weixin_33976072的博客 159

Sencha Touch2 学习笔记(一)——创建一个app

首先安装Sencha Touch 2 SDK和SDK Tools,SDK Tools会在命令行中添加sencha命令,用于创建一个app或者将app打包成ios和android平台上的应用。 开始前的准备工作: 1、Web Server,如Apache。 2、Chrome浏览器。 将下载好的SDK压缩包解压到Web Server的www目录下,以便能够通过浏览器输入http://loc

strikeshine的专栏 1422

移动开发框架Sencha+Touch开发实战(续)

在上一篇文章中(http://blog.csdn.net/stoneson/article/details/6870660),我们介绍了移动跨平台开发框架Sencha Touch的基本特性,并开始指导大家如何使用Sencha Touch开发一个简单的记事应用,其中讲解了记事页面列

Stoneson 1546

Ext.Window Ext.ns

window组件,它继承自panel。先介绍个最简单例子//html代码&lt;div id="win" class="x-hidden"&gt;        &lt;/div&gt;//js代码var w=new Ext.Window({           contentEl:"win",//主体显示的html元素,也可以写为el:"win"           width:300,    

weixin_41233524的博客 436

USING_NS_CC的理解

USING_NS_CC的理解 2014-2-18        打算在HelloWord中要添加一个精灵随鼠标拖动的功能。首先在HelloWord.h文件中加入如下代码:        //在这里我们定义一个精灵指针。        CCSprite*   m_pSprite;        首先,编译的时候,VS编译不通过,查看编译信息,如下所示:        是说

Dionysos_lai的专栏 1万+
上一篇: googlemaps API V3 之(四)marker局部加载优化处理
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值