随笔分类 - JAVASCRIPT
摘要：先看看效果效果不错吧,就是样式稍微差点,没办法Extjs的表头是渐变的,不过样式改起来应该不难.接下来是数据:"{columModle:[{header:\"用电单位\",dataIndex:\"用电单位\"},{header:\"2009-06 _度数\",dataIndex:\"2009-06 _度数\"},{header:\"2009-06 _单价\",dataIndex:\"2009-06 _单价\"},{header:\"2009-06 _金额\
阅读全文
摘要：一般我们的前台代码Ext.grid.ColumnModel里会这样写，以便显示日期格式： Js代码 1..... 2.{header:"birthday",dataIndex:"birthday".......renderer:new Ext.util.Format.dateRenderer("Y-m-d"), 3..... .... {header:"birthday",dataIndex:"birthday".......renderer:new Ext.util.Format.dateRe
阅读全文
摘要：在web显示数据时，会遇到grid的列数和行数不确定的这种情况。如何来根据数据动态的创建表格呢？ Extjs 的json data给我们带来了一个很好的比较简单的方法。 要创建一个grid需要确定它的列数，再根据数据的数量就可以确定行数了。 看到有人用过一种方法就是讲列的属性和数据一起放在json data里去，这样可以达到效果，但是不难发现，这样的话，就很难进行分页或者更新表格里的数据。 其实我们可以结合extjs官网上的那种固定列数的访问方法来动态生成表格。 首先通过Ajax从服务端反回列的信息，封装成json ,表格数据通过另一个ajax请求来获得，因为列已经获得，所以可以将此封装成一个
阅读全文
摘要：var Sayxmlhttp = new ActiveXObject("Microsoft.XMLHTTP");var Saycheckresult=null;function UserSayOnlineList(){Sayxmlhttp.open("GET", "XXX.ASP", true);Sayxmlhttp.onreadystatechange = SayListPage;Sayxmlhttp.send();}function SayListPage() {if (Sayxmlhttp.readyState == 4) {i
阅读全文
摘要：Js代码 //异步ajax调用 /** *异步调用ajax，成功后返回值，作为回调函数的参数调用失败会提示 * *@param{} *urlStr *@param{} *paramsObj *@param{} *callbackFunc */functionajaxCall(urlStr,paramsObj,callbackFunc){ Ext.Ajax.request({ url:urlStr, params:paramsObj, method:'POST', success:function(response){ if(callbackFunc){ varresult=Ex
阅读全文
摘要：在ie8下，点击左边的树形导航栏，在右面板中，弹出相对应的内容，这些内容都写在iframe中，但是在ie8下，需要随便在页面上点击一下鼠标，才能显示内容，换成Firefox和ie7，都能正常的显示，求各位高手解答。这是部分代码HTML code<%@ page contentType="text/html;charset=UTF-8"%><%@ include file ="/includes/jsp/init.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T
阅读全文
摘要：需要下载 ext-basex.rar ，将包里的ext-basex.js 引入工程即可 源代码方法：Java代码 varconn=Ext.lib.Ajax.getConnectionObject().conn; conn.open(method,url,async); conn.send(params); vardata=conn.responseText;var conn = Ext.lib.Ajax.getConnectionObject().conn; conn.open(method,url,async); conn.send(params); ...
阅读全文
摘要：prototype 属性返回对象类型原型的引用。objectName.prototypeobjectName 参数是对象的名称。说明用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。例如，要为 Array 对象添加返回数组中最大元素值的方法。 要完成这一点，声明该函数，将它加入 Array.prototype， 并使用它。function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = t
阅读全文
摘要：Moo.fx是 一个超级轻量级的 javascript 特效库（7k），能够与 prototype.js 或mootools 框架一起使用。它非常快、易于使用、跨浏览器、符合标准，提供控制和修改任何 HTML 元素的 CSS 属性，包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计，所以可以在它的基础上开发你需要的任何特效。 优点：小块头有大能耐
阅读全文
摘要：简介： MooTools是一个简洁，模块化，面向对象的开源JavaScript web应用框架。 它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。 它提供了一个比普通js更面向对象的document API。优点：: 1.灵活，模块化的框架，用户可以选择自己需要的组件。 2.MooTools符合OO的思想，使代码更强壮，有力，有效。 3.高效的组件机制,可以和flash进行完美的交互。 4.对于DOM的扩展增强，使开发者更好的利用document组件： MooTools包含很多组件，官方网站MooTools支持你下提取自己需要的独立代码而不需要...
阅读全文
摘要：说完了dojo里的类继承机制，不得不说说package机制。主要用到的有 dojo.require dojo.provide dojo.registerModulePathdojo.requiredojo.require就是引入相应路径文件下的js文件，现在已经有很多library这样做了。现在我们假设要用project/dojo-lib/dojo/string.jsdojo中的顶层目录就是dojo.js所在目录的上一层,即"project/dojo-lib/"，而dojo.js放在project/dojo-lib/dojo/dojo.js 所以我们就这样:dojo.req
阅读全文
摘要：下一步我们看看dojo里如何定义Class：dojo.declare("Customer",null,{ constructor:function(name){ this.name = name; }, say:function(){ alert("Hello " + this.name); }, getDiscount:function(){ alert("Discount is 1.0"); }});var customer1 = new Customer("Mark");customer1.say();dec
阅读全文
摘要：既然用到了xmlhttp，一个常见的问题就是回调函数的scope/context。在prototype、mootools里我们常用Function.bind，在dojo中，做相同事情的东西叫做dojo.hitch。var handler = { name:'Mark', execute1: function(){ dojo.xhrGet({ url: "http://localhost/hello/sayHello.jsp", handleAs: "text", error: function(text) { console.dir(th
阅读全文
摘要：那要是我想更换获取到的数据类型，比如json？xml？修改handleAs即可，如： handleAs: "json"dojo.xhrGet({ url: "http://localhost/hello/sayHello.jsp", handleAs: "json", load: function(json) { alert(json.name) } //...});handleAs: "json-comment-filtered" 使用注释符号/**/把json数据包含起来,推荐使用 handleAs: &quo
阅读全文
摘要：OK，介绍了简单的DOM操作方法，接下来该到Ajax的传统项目-XmlHttp了。在使用xmlhttp时，需要注意到编码的问题，要让dojo默认绑定为utf-8怎么办呢？很简单，只需要修改一下引入dojo.js时的标签：<script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:'UTF-8'"></script>多了一个djConfig属性，很简单，第一个isD
阅读全文
摘要：2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个hello world就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。第一步，引入dojo.jsdojo的发行包里有4个子目录，要引入的文件是名叫"dojo"
阅读全文
摘要：面向对象三大特性：封装、继承、多态。在熟悉了Java/C#/C++这些高级面向对象语言的语法结构后，我们或多或少会对javascript脚本语言的面向对象感到一些不适，function、prototype、call、apply……为了消除这种对javascript面向对象语法的不适，众多js库都构建了更符合传统OO编程思想的代码框架，如prototype、mootools等等，引用mootools文档中创建对象的例子varAnimal=newClass({ initialize:function(age){ this.age=age; } }); varCat=Animal...
阅读全文
摘要：Dojo是一个非常强大的面向对象的JavaScript的工具箱, 建议能够去复习一下JavaScript下如何使用OO进行编程的, 这对于你以后阅读Dojo Source有很大的用处。请下载dojo 0.3.1, 以下的说明均针对此版本1: 把Dojo加入到我们的Web程序中1.1 标志<script type="text/javascript">djConfig = { isDebug: false };</script>djConfig是Dojo里的一个全局对象, 其作用就是为Dojo提供各种选项, isDebug是最常用的属性之一, 设置为Tr
阅读全文
摘要：dojo.lang.stringdojo.string.substituteParams 类似C#中的String.Format函数 %{name}要保证与传入的对象的名称大小写一致，否则会出异常 Usage Example: dojo.string.substituteParams("%{0} - %{1} - %{2}", "a", "b", "c"); //will return "a - b - c" dojo.string.substituteParams("%{name}:
阅读全文
摘要：昨天凌晨时间，Dojo的Grid分页插件低调上线，对于使用dojo作为项目前端来说，是个利好消息。悲催的是这个分页插件并不在dojo 1.5 realase中。而在dojo的孵化器系列中http://archive.dojotoolkit.org/nightly。直接上例子。 js code： view sourceprint?01<script type="text/javascript"> 02dojo.require("dojox.grid.EnhancedGrid"); 03dojo.require("dojox.grid.
阅读全文