随笔分类 - ExtJS
ExtJS 4
摘要:Ext.util.Format类是Ext对数据进行格式化操作的一个类,这篇会把所有的方法都讲解下,因为每个方法都会用到.因为每个方法都和我们用到的服务器端语言中所常用到的方法一样,看了名称就知道什么意思.这里我会把Ext封装起来的源代码复制出来,看了之后就能够更加理解它的方法的意义了. <div> <script type="text/javascript"> function ready() { //说明,这里会将每个方法执行的结果都通过消息框的方式展现出来 //定义一个字符串 var testStr = "abcdef...
阅读全文
摘要:一、Ext.util.CSS 概述:有效的控制样式表,可以多台的删除修改以及交换 主要方法: 1.createStyleSheet创建一个css样式在head中的标签 2.getRule根据类名得到一个CSSRule的对象 3.swapStyleSheet引入一个css样式文件并指定ID 4.removeStyleSheet用指定的id来删除一个样式 5.update修改样式表中的属性值 代码实现以及注释说明: //1.createStyleSheet(StringcssText,String id) :StyleSheet 创建一个css样式在head中的标签 Ext.util.CSS.c.
阅读全文
摘要:用extjs4开发了一个前端。ExtJS4的变化非常打,规范了ExtJS4的MVC开发模式。这下JS开发大型项目变得轻松了很多。赞! 本文记录一下extjs的打包。大部分内容来自官方文档。 实践中碰到的问题: 在我的项目中,-a localfile不work,-a http://xxxx就可以了。很奇怪,html/js代码中没有动态内容。官方网站对此问题的讨论见此帖:http://www.sencha.com/forum/showthread.php?136032-SDKTOOLS-3-buggy-Sencha-SDK-Tools jsb3默认入口js是%jsb3 file n...
阅读全文
摘要:up()和down()方法 Extjs4.x中,新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下官方解释。 up( String selector, [Number/Mixed maxDepth] ) : Ext.core.Element selector:必选,字符串形式,表示要匹配的组件。 Maxdepth:可选,表示要匹配的最大深度。 up方法的API解释为:通过简单的选择,获得相匹配的dom,使用up方法总是返回一个Ext.core.Element,也就是ext的组件。 down( String selector, [Boolean re...
阅读全文
摘要:最近的任务是用ExtJS设计前端,这玩意强大到足以取代Silverlight,非常适合配合RESTful API使用,使用AJAX获取JSON或XML类型的数据,前端页面的生成完全不需要PHP/JSP,仅HTML+JS已经足够。这种情况下,前端可以和API所在服务端完全分离,部署在不同的服务器上,甚至前端可以放在用户本地运行 第一个任务是攻克多语言化(老大乃将这种任务扔给素人情何以堪)网上搜索了一下,还有人专门写了插件(ext-locale-loader),但这种需要给每一自设计的页面弄一份语言拷贝的方式让余菊花一紧后来阅读ExtJS的自带文档,发现有本地化的详细指引($EXTJS_FOLD.
阅读全文
摘要:我们在使用Extjs开发系统时,Extjs通过json从后台获取数据,同时保存数据时通过Post方式向服务器发送数据: [javascript] view plaincopy Ext.Ajax.request({ url : "/application/controller/field/AddHeaderGroup.action", method : 'POST', params : { displayName:nodeText, ...
阅读全文
摘要://类的声明其实就是一个fuction function user(){ this.name='uspcat'; this.age=26; //var 就相当于高级语言中的private var email="dd163.com"; this.getEmail=function(){ return email; } } //1 js创建一个对象 var u=new user(); //alert(u.name); //alert(u.getEmail()) //2 js创建一个对象 var person={ name:'yfc', age:2
阅读全文
摘要:J* 1.编解码函数 * encode和decode函数是专门用来对JSON数据进行编码和解码的函数。 * Ext.encode()对应的解码方法为Ext.decode()。 * * encode函数的作用是对对象、数组或其他值进行编码,将对象转换成JSON字符串的形式; * 因为HTTP协议只能发送字符串形式的参数,所以无法将JavaScript中的对象直接传递给后台,这就需要编码; * 因为HTTP规范规定,HTTP请求只能发送ISO-8859-1编码的字符, * 所以像中文这种无法使用ISO-8859-1编码的字符,还需要先转换成ISO-8859-1编码格式才能通过HTTP协...
阅读全文
摘要:/*** extjs Array使用详细介绍*/(function() {Ext.onReady(function() { // 1 var myArray = [1, 2, 3, 4, -3, -4]; Ext.Array.every(myArray, function(item) { if (item > 0) { return true; } else { // alert(item); return false; } }, this); // 2 var newArray = Ext.Array.filter(myArray, function(item) { i...
阅读全文
摘要:ExtJS是我听说了很久的一个js框架了,但是从来就没有用过,读研期间寝室里有个小哥在用,不过那时候醉心于WordPress开发,也懒得理会了。现在公司里,有个上线系统用到了这个框架中的一个TreePanel组件,整个界面上,就正中间扔了一个tree panel,而且不知道什么原因,CSS还有bug,把按钮都搞破了,弄得丑陋不堪,我于是自告奋勇,仔细调试,终于修复了那个显示上的bug,从此算是初次结识了ExtJS。它真正吸引我的原因是,它能够把富客户端应用的开发,从美工和基础交互中解放出来,只需要专注于业务逻辑开发即可,从而让后台工程师也能够有能力快速开发外观专业的网站应用系统。我觉得这真是功
阅读全文