随笔分类 -  JavaScript

ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇)
摘要：最近园子里有很多朋友关心ExtJS，我最近写了一个项目管理工具用到ExtJS,我结合.NET写了个关于Grid实现的一个实例供需要的朋友参考。 本实例开发环境是：Windows XP + Sql Server 2005 + IIS6+VS 2008 Beta2(.NET Framework3.5) 实现步骤： 1.取数据源 这里是从数据库里读取数据生产JSON的方式供ExtJS Grid调用. (... 阅读全文
posted @ 2010-05-10 13:21 貔貅 阅读(542) 评论(0) 推荐(0)
JavaScript使用面向对象的技术创建高级 Web 应用程序
摘要：本文讨论: JavaScript 是基于原型的语言用 JavaScript 进行面向对象的编程JavaScript 编码技巧JavaScript 的未来 本文使用了以下技术: JavaScript目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript 代码吗？... 阅读全文
posted @ 2010-05-07 23:33 貔貅 阅读(303) 评论(0) 推荐(0)
我的JavaScript for Visual Studio插件开源了
摘要：最近忙于别的事情，我的JavaScript for Visual Studio插件一直没有做什么更新了很是对不起大家。不过觉得这个东西如果做好的话对大家还是有帮助的，所以我还是把代码share出来，这样大家可以一起来扩展，人多力量大嘛我希望大家一起来参与这是以前发的关于这个插件的几篇博客：（原创）一个JavaScript Function Outliner插件 （原创）一个JavaScript F... 阅读全文
posted @ 2010-05-04 22:25 貔貅 阅读(345) 评论(0) 推荐(0)
详解Javascript框架中的全局变量
摘要：详解Javascript框架中的全局变量本文将介绍Javascript框架中的全局变量，简单的代码。希望通过本文，能让大家对全局变量有个全新的认识。对于Javascript框架，大家还是比较理解的。对于Javascript框架中的全局变量，大家还是要仔细的思考，这样才能在开发过程中达到事半功倍的效果。纵观各大类库的实现，一开始基本都是定义一个全局变量，然后对它进行扩展。如Prototype.js的... 阅读全文
posted @ 2009-11-14 22:57 貔貅 阅读(288) 评论(0) 推荐(0)
JavaScript的DOM基础知识
摘要：/*javascript实现DOM（基础）author:shine*/DOM是一种文档对象模型，它定义了操作xml文档的方法和属性，但是它只是一系列接口，是由别的语言来实现，如：java中xerces，javascript,.net等等，虽然实现方式各异，但有一样是不会变的，那就是DOM API，在正式进入我们的主题前，先来看看常用的DOM API（大致有个印象就行，后面会详解）：1.常用DOM ... 阅读全文
posted @ 2009-11-08 02:04 貔貅 阅读(351) 评论(0) 推荐(0)
对JavaScript中事件的理解
摘要：在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。JavaScript中的事件处理也是一样，正因为有了事件处理，才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理，读过之后，您就会知道，很多Ajax框架实现拖动效果的原理了。 一、 IE Event对象 （一）IE Event对象的主要属性和方法 　　在IE中有一个专门负责事件... 阅读全文
posted @ 2009-11-08 01:16 貔貅 阅读(262) 评论(0) 推荐(0)
javascript中的冒号的作用
摘要：冒号一般有3种语法作用：(1)声明直接量对象的成员和声明标签 (2)switch语句分支 (3)?:三元表达式的false 楼主的代码便是第一个应用 JScript code <script> var obj = { value : 100, func : function(){ // } } alert(obj.value)//返回100，即obj的value属性的值</scr... 阅读全文
posted @ 2009-11-07 20:04 貔貅 阅读(2155) 评论(0) 推荐(0)
JS实现无刷新联动菜单（select）的方法
摘要：所谓联动菜单，就是后一个下拉框的选项是根据前一个下拉框被选中的值来决定的，一个典型的应用就是省市联动菜单了，市的下拉选项是根据你选了哪个省来决定的，类似的需求我们经常遇到，相信许多新手都被这个问题困扰过。 　　其实，联动菜单的实现原理非常简单，本文详细介绍了联动菜单的实现方式，知道了原理，我们可以很容易地制作从XML、数据库加载的无限级联动菜单。　　联动菜单的实现方法：　　1.确定数据格式：　　首... 阅读全文
posted @ 2009-11-07 19:55 貔貅 阅读(465) 评论(1) 推荐(1)
简易而又灵活的Javascript拖拽框架（五）
摘要：在了解了Javascript对Cookie的操作还有一点JSON知识过后，修改了上一篇文章的代码，可以将结果保存在客户端Cookie，每次打开页面就可以载入上次拖拽的数据，得到上次的拖拽布局。 　　本文示例源代码或素材下载　　一、开篇 　　在写了前几篇拖拽过后，有不少朋友留言说如果将拖拽结果持久化将会更好。在了解了Javascript对Cookie的操作还有一点JSON知识过后，修改了上一篇文章的... 阅读全文
posted @ 2009-11-07 19:23 貔貅 阅读(383) 评论(0) 推荐(0)
简易而又灵活的Javascript拖拽框架（四）
摘要：本文示例源代码或素材下载 　　一、开篇　　似乎拖拽已经被写烂了，没得写的了，可是我这次又来了～　　上一次写的是跨列拖放，这次我要带给大家的是跨页拖放。　　可以到这里来看看效果：示例效果　　说明：1、如果将方框拖动到页签上立刻释放掉的话，则会被添加到该页的第一列的第一个位置；　　2、如果将方框拖动到页签上并且停留片刻的话，则页面就会转换到该页，这个时候可以在页签上释放，也可以将方框拖动到此页的具体位... 阅读全文
posted @ 2009-11-07 19:16 貔貅 阅读(439) 评论(0) 推荐(0)
简易而又灵活的Javascript拖拽框架（三）
摘要：本文示例源代码或素材下载 　　一、开篇　　这是这个拖拽系列的第三篇了，第一篇简单的介绍了一下这个拖拽框架，第二篇用这个框架做了一个Tab标签的拖放。这次用这个拖拽框架做一个更复杂一点的效果——跨列拖放。就像iGoogle和netvibes的个性页面布局那样。　　二、原理　　框架在第一篇做了介绍，这里直接使用。　　首先要找到每个可以拖动的item，对于每个拖动的item，对其... 阅读全文
posted @ 2009-11-07 19:14 貔貅 阅读(485) 评论(0) 推荐(1)
简易而又灵活的Javascript拖拽框架（一）
摘要：本文示例源代码或素材下载 　　一、开篇　　最近在做js拖拽的时候，发现了一个强大而又灵活的拖拽框架，（之前用了代码混淆器，还好代码比较短，我就翻译过来了）利用这个框架不仅能实现简单的拖动，更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽，稍微复杂的拖放将在后面的文章里写出来。　　二、代码　　先把代码贴出来　　CodevarDrag={　　"obj":null,　　"init":funct... 阅读全文
posted @ 2009-11-07 19:12 貔貅 阅读(736) 评论(0) 推荐(0)
简易而又灵活的Javascript拖拽框架（二）
摘要：本文示例源代码或素材下载一、开篇 　　在上一篇中，似乎不出来这个框架有多强大。是因为我们实现的效果太简单了，还不足以体现框架的强大和灵活，在这一节中，用这个灵活的框架轻易的来实现拖放！　　二、原理　　框架的原理在上一篇文章中介绍了，这里就不在重复，直接开始使用这个框架了　　首先通过Drag.init来注册拖动组件；　　分析：　　1、拖动开始的时候　　将dragGhost插入到鼠标拖动的那个元素，鼠... 阅读全文
posted @ 2009-11-07 19:06 貔貅 阅读(265) 评论(0) 推荐(0)
获取Url中传递过来的值
摘要：function getQuery(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); retur... 阅读全文
posted @ 2009-11-07 16:40 貔貅 阅读(194) 评论(0) 推荐(0)
写两个通用函数统一javascript获取form数据的方式
摘要：这段时间，经常用javascript获取各种form中的提交数据。考虑到代码的一致和逻辑的简化，建立如下两个js函数用统一的方式获取form中的数据.根据Formid 和 Inputid 获得数据函数调用方式如下德例子.获得数据:var CharString=getValue(formid,'CharString');var TestCondition=getValue(formid,'TestC... 阅读全文
posted @ 2009-11-07 16:12 貔貅 阅读(782) 评论(0) 推荐(0)