随笔分类 - 04.JavaScript

摘要:javascript 点击表头排序示例(带分组数据) 阅读全文
posted @ 2014-08-11 15:47 菩提树下的杨过 阅读 (6106) | 评论 (2) 编辑
摘要:纯JavaScript实现的一维条形码打印 阅读全文
posted @ 2014-04-03 18:51 菩提树下的杨过 阅读 (23610) | 评论 (3) 编辑
摘要:一、开源项目 Javascript .NET地址: http://javascriptdotnet.codeplex.com/它是Google Chrome V8引擎在.NET上的封装,功能完善,性能相对较高,推荐使用! (缺点就是asp.net web应用上,好象会报错)示例代码:using Noesis.Javascript;using System;using System.Collections.Generic;namespace JsCSharp{ class Program { static void Main(string[] args) ... 阅读全文
posted @ 2013-10-09 16:05 菩提树下的杨过 阅读 (17494) | 评论 (1) 编辑
摘要:在IE中,JS可以直接访问剪贴板,但是firefox,chrome等其它"高级"浏览器,就没这么幸运了。网上流传的所谓兼容firefox/IE的剪贴板访问javascript代码,都是N年前的往事了。根据http://mozilla.com.cn/post/49413/上的说法:----------------------------------火狐不允许网页操作用户的剪切板,因为有安全问题,网页可能盗用你复制的密码等等。以前可以通过修改设置提权,允许网页获得高权限,操作剪切板,目前火狐已经取消了这个接口。不再允许,所以修改了设置也无效,目前还是自己通过快捷键复制吧。--- 阅读全文
posted @ 2013-07-17 08:38 菩提树下的杨过 阅读 (3779) | 评论 (3) 编辑
摘要:入门级算法-线性查找-时间复杂度O(n)--相当于算法界中的HelloWorld //线性搜索(入门HelloWorld) //A为数组,x为要搜索的值 function linearSearch(A, x) { for (var i = 0; i < A.length; i++) { if (A[i] == x) { return i; } } return -1; }二分查找(又称折半查找) - 适用于已排好序的线性结构 - 时间复杂度O(logN) ... 阅读全文
posted @ 2013-05-21 22:58 菩提树下的杨过 阅读 (5568) | 评论 (2) 编辑
摘要:数组存储前提下,插入排序算法,在最坏情况下,前面的元素需要不断向后移,以便在插入点留出空位,让目标元素插入。换成链表时,显然无需做这种大量移动,根据每个节点的前驱节点“指针”,向前找到插入点后,直接把目标值从原链表上摘下,然后在插入点把链表断成二截,然后跟目标点重新接起来即可。<!doctype html><html><head> <title>双链表-插入排序</title> <meta http-equiv="Content-Type" content="text/html; charset=g 阅读全文
posted @ 2013-05-20 16:32 菩提树下的杨过 阅读 (993) | 评论 (0) 编辑
摘要:二叉搜索树:顾名思义,树上每个节点最多只有二根分叉;而且左分叉节点的值 < 右分叉节点的值 。 特点:插入节点、找最大/最小节点、节点值排序 非常方便 输出结果: 中序遍历: 1 3 4 6 8 9 先序遍历: 6 3 1 4 8 9 后序遍历: 1 4 3 9 8 6 最小节点:1 最大节点:9 阅读全文
posted @ 2013-05-19 23:35 菩提树下的杨过 阅读 (852) | 评论 (0) 编辑
摘要:在ajax方式做web开发时,经常会遇到会保存前,收集表单输入项,组成json对象,然后把对象直接post到服务端的场景常规做法是在js里写类似如下的代码:var myObj = {}; myObj.x = document.getElementById("x").value; myObj.y = document.getElementById("y").value; //... //然后ajax post或get提交表单元素不多的时候,这样还好,但是如果一个表单有好几十项甚至更多输入项的时候,写这种代码就太费劲了。好在javascript中有一个邪恶的 阅读全文
posted @ 2013-04-12 14:43 菩提树下的杨过 阅读 (1621) | 评论 (1) 编辑
摘要:今天在写一段js时,发现IE与FF在动态加载Html元素时,有一些差别,看下面的代码:<!doctype html><html><head> <title>ff 与 ie 动态加载元素的区别</title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <style type="text/css"> li{margin:0;padding:0;list- 阅读全文
posted @ 2012-11-30 16:03 菩提树下的杨过 阅读 (967) | 评论 (0) 编辑
摘要:jQuery有一个很好用的delegate(事件委派)功能,可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。比如下面的例子,动态添加一个输入文本框后,我想让所有文本框(不管是不是动态添加的)在获取焦点时,自动转大写。<!doctype html><html><head> <title>delegate测试</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6. 阅读全文
posted @ 2012-07-10 10:22 菩提树下的杨过 阅读 (3111) | 评论 (3) 编辑
摘要:业务系统中,很多录入人员习惯于用Enter键来代替Tab键切换控件焦点(虽然我个人并不觉得这样录入速度会变得有多高效,呵呵),有需求了,自然就得想办法满足。思路:为了更灵活的控件焦点顺序,我决定用TabIndex来做文章,每个输入控件按下回车时,找到下一个比当前控件TabIndex更大且最接近的控件,然后focus().XAML界面部分:<UserControl x:Class="tab_key_test.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation&qu 阅读全文
posted @ 2012-06-04 11:00 菩提树下的杨过 阅读 (2210) | 评论 (2) 编辑
摘要:看了铁哥关于haXe的介绍,忍不住体验了一吧:一、下载安装flashdevelophttp://flashdevelop.org/ 到这上面下载最新的flashdevelop并安装(注:安装这个需要java sdk1.6以上版本,同时还要安装.netframework)tips:flashdevelop并不能识别最新的jdk 1.7,如果你的机器上安装的是1.7版本,需要手动编辑x:\Program Files (x86)\FlashDevelop\Tools\flexsdk\bin\jvm.config找到java.home="C:\Java\jre7\"把java.ho 阅读全文
posted @ 2012-04-22 12:50 菩提树下的杨过 阅读 (1684) | 评论 (1) 编辑
摘要:jQuery中有一个focus()方法能设置对象的焦点,在1.7以下的版本中,不管对象是不是disabed状态,这个方法都不会报错(只是当disabled时,设置焦点的代码无效),但在1.7版本中,如果对象是disabled状态,这时调用focus()方法时,会直接报异常:Error: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus.意思是:不可见或不可用的元素无法获取焦点。(特别提一下:IE9很NB,能自动 阅读全文
posted @ 2012-03-17 16:18 菩提树下的杨过 阅读 (2214) | 评论 (0) 编辑
摘要:web开发中,如果需要将“服务端返回的json对象”绑定到“现有页面上的dom元素”,传统赋值的方式太繁琐,写起来也很累(特别是json对象很大时),于是想出了下面的偷懒方法,不过有二个前提:1、元素的id要与json对象中的属性命名一致2、json对象中的属性名,最好不要重复<!doctype html><html><head><title>json对象遍历演示</title><script type="text/javascript">var obj = {a:'a1',b:' 阅读全文
posted @ 2011-12-16 08:40 菩提树下的杨过 阅读 (4090) | 评论 (0) 编辑
摘要:不废话了,直奔主题吧wcf端:近几年比较流行restful,为了能让ajax调用,同时也为了支持restful风格的uri,在创建一个Ajax-enabled Wcf Service后,必须手动修改svc文件,指定Factory,即:注:如果不添加Factory,则wcf将无法用类似http://localhost/helloWorld.svc/Hello/person/name 的restful方式直接访问。同时还要去掉web.config中的即类似: --> 好了,开始写代码,鉴于wcf调用时有GET/POST二种方式,下面把几种常用的情况都写一个示例方法:usin... 阅读全文
posted @ 2011-10-11 22:29 菩提树下的杨过 阅读 (5485) | 评论 (0) 编辑
摘要:很多时候,美工会觉得默认的select下拉框很难看(特别是右侧的下拉箭头按钮),他们通常喜欢用一个自定义的图标来代替这个按钮。这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找,又重新发明轮子鸟:)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" 阅读全文
posted @ 2011-05-05 13:54 菩提树下的杨过 阅读 (5729) | 评论 (0) 编辑
摘要:javascript的跨域get很容易搞 定,但是跨域post就有点复杂了,今天无意看到大牛“张宴”的文章:http://blog.s135.com/ajaxcdr/,思路很不错,转载于此(其实这个思路要是看懂了,也很容易借助silverlight实现)最近的一个项目中,需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并获取PHP接口的返回值,在页面无刷新、无跳转的情况下,更新div标签内的内容。 浏览器出于安全考虑,是不允许JavaScript代码进行跨域操作。JavaScript 和 AJAX 跨域访问分为两大类,一是 阅读全文
posted @ 2011-04-26 20:30 菩提树下的杨过 阅读 (5489) | 评论 (8) 编辑
摘要:场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:<!doctype html><html> <head> <title>菩提树下的杨过</title> <script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script&g 阅读全文
posted @ 2011-03-24 15:27 菩提树下的杨过 阅读 (13084) | 评论 (0) 编辑
摘要:百度什么都知道:当然也包括斐波那契(Fibonacci)数列在一般算法教材中,把Fib数列都是当做递归的经典示例来讲解的:javascript的写法如下:在IE9以下的IE浏览器中,跑到fib(40)基本上浏览器就罢工了,比如:但是在IE9下,居然能挺过来,看来IE9对javascript引擎的优化确实效果不错当然,这个数列除了递归,还有其它非递归的解法,一并贴在这里收录一下: 阅读全文
posted @ 2010-10-24 11:37 菩提树下的杨过 阅读 (461) | 评论 (0) 编辑
摘要:今天遇到一个需要用javascript将url中的某些参数替换的需求,想起了不久前从司徒正美先生的博客中淘到了一个parseUrl函数,正好可以借此实现,代码整理如下: 阅读全文
posted @ 2010-06-18 11:23 菩提树下的杨过 阅读 (5523) | 评论 (1) 编辑
摘要:依旧只是贴在这里备份,方便以后粘贴复制,高手绕过,以免浪费时间:)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x... 阅读全文
posted @ 2010-06-07 11:19 菩提树下的杨过 阅读 (18575) | 评论 (0) 编辑
摘要:jQuery的一个不错的小插件,记性越来越差了,整理一下贴在这里,方便以后Copy & Paste<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http... 阅读全文
posted @ 2010-06-04 10:39 菩提树下的杨过 阅读 (5058) | 评论 (1) 编辑
摘要:当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载),这样会影响到页面其它元素的加载。最简单的优化办法就是让Flash一开始不要播放:当然,你可以修改fla源文件,让视频播放一开始就处于暂停,直到用户点击了播放按钮。但问题是,如果您嵌入的是没有源文件的flash动画,这种路子就走不通了。思路:可以先在放置flash的... 阅读全文
posted @ 2010-06-03 17:07 菩提树下的杨过 阅读 (2575) | 评论 (3) 编辑
摘要:jQuery确实是一个提高前端开发效率的好框架(虽然很多大牛们都说它效率不咋地),但是用好它有时候并不容易,也许你也遇到过以下情况:一个aspx页面通常可以包含其它ascx控件,如果在多人协同开发的情况下:程序员小张在控件A.ascx中使用了 $().ready(function{}),而程序员小王又在控件B.ascx中也使用了ready函数,程序员小李在做页面时,把A.ascx,B.ascx都拖... 阅读全文
posted @ 2010-05-17 22:34 菩提树下的杨过 阅读 (665) | 评论 (1) 编辑
摘要:在功能稍强一些的商城系统(比如淘宝)中,发布商品时都会有类似“商品扩展属性”的选项(即:商品属性除共用的属性比如“名称”,“价格”之外,还会有一些属性会根据商品所在类别做一些动态调整,比如电脑类的商品会出现“内存”、“CPU速率”、“硬盘容量”等,而服装类... 阅读全文
posted @ 2010-05-16 20:25 菩提树下的杨过 阅读 (4619) | 评论 (20) 编辑
摘要:在页面很长(超过3屏)且图片又很多时,默认情况下浏览器会加载所有图片,有可能导致第二屏的图片显示出来了,但第一屏的图片还在加载,这种情况最适合用"javascript延时加载"来改善用户体验.原理:1.根据图片元素距页面顶部的距离,判断图片自身在第几屏2.所有图片元素的src值先不设置,改而用其它自定义属性,比如src写成lazy_src(这样浏览器就不会主动加载图片)3.根据1的判断,如果轮到自... 阅读全文
posted @ 2010-05-13 20:33 菩提树下的杨过 阅读 (5320) | 评论 (7) 编辑
摘要:虽然从司徒先生的博客上看到 全世界最短的IE判定很长时间了,却一直对于原理没怎么去细看,今天同事(也是一后台程序员,并非前端)又问到这个问题,于是我这个前端外行认真研究了下,基本弄懂了,贴在这里备份,高手就绕过吧,以免浪费时间注:随着时间的推移,IE9及以上版本已经修复了该BUG(除非设置成兼容模式... 阅读全文
posted @ 2010-05-13 16:49 菩提树下的杨过 阅读 (5727) | 评论 (7) 编辑
摘要:AspNetPager一直是我最喜欢用的分页控件(而且作者最近还推出了专门针对MVC的版本http://mvcpager.codeplex.com/),默认情况下运行后的样子类似下图我个人觉得其实也挺好看,但昨天遇到一客户的网站背景是黑色的,觉得红色的当前页码不好看,要求换成对比度比较高的“绿色”,一时之间也懒得去一一尝试AspNetPager的各种属性了,观察一下页面最终... 阅读全文
posted @ 2010-05-07 09:42 菩提树下的杨过 阅读 (1166) | 评论 (1) 编辑
摘要:很多人(包括我)都喜欢把主流的javascript框架(比如jQuery),放到自己服务器上,其实还有更好的选择。http://code.google.com/intl/zh-CN/apis/ajaxlibs/documentation/index.html#googleDotLoad 是google对外开放的AJAX库 API,上面已经有很多ajax库了,我们只需要引用即可(好处在于:googl... 阅读全文
posted @ 2010-03-01 16:09 菩提树下的杨过 阅读 (2122) | 评论 (0) 编辑
摘要:从firefox网络监测的结果看,博客园并未启用IIS的GZIP压缩。建议大家使用时,直接用 http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js 这个路径引用,同时http://code.google.com/intl/zh-CN/apis/ajaxlibs/documentation/index.html 上还有其它很多... 阅读全文
posted @ 2010-03-01 15:45 菩提树下的杨过 阅读 (3583) | 评论 (0) 编辑
摘要:匿名函数自动调用的三种写法如下: 再来看一段代码:Person类为所有传入的对象属性,自动生成了getXXX与setXXX方法,这一段代码虽然很短,却包含了诸多js中的关键概念:1.json对象表示法当我们把"{name:"菩提树下的杨过",sex:"男"}"做为参数,传入Person构造函数时,实际上就建立了一个字典结构的键值对:name --> "菩提树下的杨过"sex --> "... 阅读全文
posted @ 2010-02-28 17:51 菩提树下的杨过 阅读 (1272) | 评论 (0) 编辑
摘要:一度以为在javascript的世界里,所有方法都是公有的,无法真正从技术上定义一个私有方法,今天又一次发现:其实我错了!说明:类的构造函数里定义的function,即为私有方法;而在构造函数里用var声明的变量,也相当于是私有变量。(不过类比于c#这类强类型语言中的私有成员概念还是有区别的,比如无法在非构造函数以外的其它方法中调用)类似的,我们还能实现类似set,get属性的封装注:js中的"变... 阅读全文
posted @ 2010-02-28 16:35 菩提树下的杨过 阅读 (15455) | 评论 (5) 编辑
摘要:1.方法重载js中并不直接支持类似c#的方法重载,所以只能变相的来解决,示意代码:(利用了内置属性arguments)2.参数个数检测js引擎同样也不会在function调用时,强制检查参数个数,所以只能自己处理,示例代码:3.参数基本类型检测js引擎同样更不会检测参数的类型,如果您希望对参数的基本类型做些限制,可以利用typeof 来判断基本类型4.自定义类的参数类型检测第3条所提到的方法,只能... 阅读全文
posted @ 2010-02-25 21:23 菩提树下的杨过 阅读 (3524) | 评论 (0) 编辑
摘要:直接看代码吧,测试结果也贴在里面了[代码]结论:1.数组调用sort方法后,会影响本身(而非生成新数组)2.sort()方法默认是按字符来排序的,所以在对数字型数组排序时,不可想当然的以为会按数字大小排序!3.要改变默认的sort行为(即按字符排序),可以自行指定排序规则函数(如本例所示) 阅读全文
posted @ 2009-10-20 14:08 菩提树下的杨过 阅读 (66466) | 评论 (12) 编辑
摘要:虽然我是做后台出身的,但最近心血来潮越来越关注前台技术了^_^,前二天看了“司徒正美”先生的图片无缝滚动分析后,对于scrollTop和offsetTop这二个以前一直没搞太明白的属性研究了一番,大致弄明白了,贴在这里备份,测试代码如下:[代码]代码很简单,一个100px的正方形div,border边框值为15px,overflow设置为hidden(隐藏),然后里面放了二... 阅读全文
posted @ 2009-10-05 20:09 菩提树下的杨过 阅读 (2445) | 评论 (0) 编辑
摘要:老板昨天开会说:要给公司的购物平台增加信用评价功能,用户体验参考淘宝。于是今天研究了一下,用jQuery模似一个类似的效果:代码如下:源代码下载:http://files.cnblogs.com/yjmyzz/taobao_credit.rar转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2009/09/15/1566753.html 阅读全文
posted @ 2009-09-15 09:48 菩提树下的杨过 阅读 (2188) | 评论 (0) 编辑
摘要:P44[代码] 阅读全文
posted @ 2009-08-25 08:54 菩提树下的杨过 阅读 (484) | 评论 (0) 编辑
摘要:[出自]http://hi.baidu.com/glaivelee/blog/item/42fc2030d836f391a9018ebb.html在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function :选项。当前正在执行的 Funct... 阅读全文
posted @ 2009-08-23 15:13 菩提树下的杨过 阅读 (2173) | 评论 (2) 编辑
摘要:其实有点标题党了,呵呵,主要是项目的特殊性,出于性能考虑项目经理规定不能用任何服务端控件(包括Repeater控件),同时尽量减少服务端处理,并尽可能压缩最终生成的html源代码,所以只用JS实现。代码:[代码]欢迎转载 ,但请注明来自菩提树下的杨过 http://www.cnblogs.com/yjmyzz/archive/2009/06/19/1506849.html 阅读全文
posted @ 2009-06-19 15:49 菩提树下的杨过 阅读 (851) | 评论 (4) 编辑
摘要:这其实是上一篇"iframe框架取值兼容ie/firefox/chrome的写法"的扩展应用:应用场景:iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外,还没找到更有效的办法),但是有时候我们不知道这个iframe页面是否执行完毕,有没有办法判断iframe里的页面是否load完成了呢?iframe1.html:[代码]iframe2.html:[代... 阅读全文
posted @ 2009-06-05 15:12 菩提树下的杨过 阅读 (4457) | 评论 (1) 编辑
摘要:[代码] 阅读全文
posted @ 2009-03-30 21:19 菩提树下的杨过 阅读 (4381) | 评论 (2) 编辑
摘要:jQuery1.3.2已经发布好一段时间了,近日把原来的项目全部从jQuery1.2.6升级为1.3.2了.但是有一点要注意,1.3版以上的jQuery在根据选择属性选择时,去掉了@符号,有某些情况下原有的代码可能会无法正常运行:[代码] 阅读全文
posted @ 2009-03-28 20:35 菩提树下的杨过 阅读 (758) | 评论 (1) 编辑
摘要:这二天一个小兄弟问到我这个,其实很简单,贴在这里备个份:[代码] 阅读全文
posted @ 2008-10-19 16:04 菩提树下的杨过 阅读 (420) | 评论 (0) 编辑
摘要:[代码] 阅读全文
posted @ 2008-10-19 13:27 菩提树下的杨过 阅读 (1584) | 评论 (0) 编辑
摘要:setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类下面给一个示例代码:(里面用了一些jquery的方法)[代码] 阅读全文
posted @ 2008-10-16 11:37 菩提树下的杨过 阅读 (12543) | 评论 (0) 编辑
摘要:具体思路:通过具体容器取得容器内所有图片 循环检查所有图片长宽 对超过的图重新定高度. 直接写成一个扩展好了,以后可以直接用.jquery.fn.ImageAutoSize = function(width,height){ $("img",this).each(function() { var image = $(this); if(image.width()>width) { im... 阅读全文
posted @ 2008-10-12 12:34 菩提树下的杨过 阅读 (387) | 评论 (0) 编辑
摘要:获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex... 阅读全文
posted @ 2008-10-12 12:33 菩提树下的杨过 阅读 (644) | 评论 (0) 编辑
摘要:自打.net2.0起,ms就推出了webPart功能,用它可以轻松开发出具有web2.0风格的个性化网站功能,比如拖放,定制标题栏等,但是WebPart的设计是属于重量级的,每次拖动都会引起页面回发,导致数据库读写以及大量的数据传输(即使在最外层套一个MajicAjax之类的,也是如此),另外WebPart在非IE标准浏览器上有些功能也不能正常使用。而网上流传的众多JS实现的特效功能中,已经有很多... 阅读全文
posted @ 2008-09-20 14:26 菩提树下的杨过 阅读 (1981) | 评论 (4) 编辑
摘要:ajax应用中跨域一直是一个非常麻烦的问题,目前也有一些解决办法,但要么比较麻烦,要么就不具备通用性,幸好ExtJs里的ScriptTagProxy提供了跨域读取数据的功能,而且在几大浏览器上都可以正常运行,但在使用过程中要注意几点:1.服务端返回时,必须按以下格式返回:stcCallback1001({...})其中stcCallback1001中的1001是自动生成的,如果是分页提交的话,每再... 阅读全文
posted @ 2008-09-14 14:01 菩提树下的杨过 阅读 (6281) | 评论 (0) 编辑
摘要:多年前,曾经看过李战大师的"悟透delphi-delphi的原子世界",一直对大师特有的文笔风格记忆犹新,今天无意又看到了大师的"李战:悟透JavaScript",转贴于此,与众分享!引子 编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 你看,数据... 阅读全文
posted @ 2008-09-11 07:05 菩提树下的杨过 阅读 (970) | 评论 (1) 编辑
摘要:ExtJs的Grid组件虽然不管从哪一方面来讲,都称得上是很好很强大,但是总会有一些应用场景并不需要这么多功能,比如网站的留言列表,开发者只想要一个简单的<li>或<table>列表而已,这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互,生成数据列表,同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有... 阅读全文
posted @ 2008-09-10 15:43 菩提树下的杨过 阅读 (1780) | 评论 (2) 编辑
摘要:个人认为,XTemplate是ExtJs中最灵活的用来显示数据的组件,有点类似aspx中的Repeater控件,显示数据的模板完全可以由用户以html方式来定制.先给一个官方的静态示例(稍微改了下),代码并不复杂,关键的地方,我已经注释了[代码]运行结果图:接下来我们看看如何跟服务器端的WCF做交互1.首先定义一个用于信息传输的实体类(实际开发中,可以是任何可序列化的class,包括linq to... 阅读全文
posted @ 2008-09-09 16:55 菩提树下的杨过 阅读 (774) | 评论 (1) 编辑
摘要:1, EXT的form表单ajax提交(默认提交方式)CODE: 1. function login(item) { 2. 3. if (validatorForm()) { 4. // 登录时将登录按钮设为disabled,防止重复提交 5. this.disabled = true; 6. 7. // 第一个参数可以为submit和load 8. formPanl.form.doA... 阅读全文
posted @ 2008-09-04 16:36 菩提树下的杨过 阅读 (1512) | 评论 (0) 编辑
摘要:ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的,可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的),不仅组件丰富,效果漂亮,而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互. 这里我们将演示ExtJs的FormPanel从WCF加载数据,以及如何提交数据到WCF服务端 阅读全文
posted @ 2008-09-04 16:30 菩提树下的杨过 阅读 (2017) | 评论 (4) 编辑
摘要:Form布局在所有布局中是最为复杂,使用频度最广,同时也是最难掌握的,下面给出几个示例1.登录UI界面[代码]2.加入其它不同类型的输入组件后[代码]3.更加复杂的结构:[代码]转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/09/03/1283042.html技巧:1.先用new Ext.FormPanel({items:[{... 阅读全文
posted @ 2008-09-03 15:49 菩提树下的杨过 阅读 (3545) | 评论 (0) 编辑
摘要:[代码]效果图: 阅读全文
posted @ 2008-09-03 06:59 菩提树下的杨过 阅读 (874) | 评论 (1) 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="Content-Type" content="text... 阅读全文
posted @ 2008-09-02 21:49 菩提树下的杨过 阅读 (543) | 评论 (0) 编辑
摘要:table布局顾名思义,就是象table表格一样的布局[代码]转载请注明来自"菩提树下的杨过" http://www.cnblogs.com/yjmyzz/archive/2008/09/02/1281978.html 个人感觉,这个布局用处不大,真需要table的时候,我直接在html属性里,写上table标签就可以了,不用这么麻烦 阅读全文
posted @ 2008-09-02 13:16 菩提树下的杨过 阅读 (2096) | 评论 (0) 编辑
摘要:这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例[代码]效果图: 阅读全文
posted @ 2008-09-02 12:29 菩提树下的杨过 阅读 (929) | 评论 (0) 编辑
摘要:fit布局很好理解,容器内的组件会自动充满整个容器[代码]效果图: 阅读全文
posted @ 2008-09-02 11:50 菩提树下的杨过 阅读 (860) | 评论 (0) 编辑
摘要:Column布局有点象传统html中的table的td,但是也有不同的地方:先看下代码[代码]效果图:对于一下:<tr><td width="50%"></td><td width="30px"><td><td></td></tr>在table中,这里第一列会占到整个行的50%的宽度,而在ExtJs的c... 阅读全文
posted @ 2008-09-02 11:46 菩提树下的杨过 阅读 (2238) | 评论 (0) 编辑
摘要:ExtJs其实在某种程度上可以代替div+css来进行页面布局(不过经测试,在最新的Firefox3下,部分功能好象有点问题),今天我们来学习二种最基本的布局1.Absolute 布局:这种最容易理解,直接用x,y值来绝对定位组件2.Accordion布局:Accordion意为"手风琴",即最终效果可以象手风琴那样拉来拉去,说白了,就是类似QQ面板的功能下面通过示例代码观察一下效果:[代码]效果... 阅读全文
posted @ 2008-09-01 21:34 菩提树下的杨过 阅读 (3106) | 评论 (1) 编辑
摘要:以下就是ExtJs的官方示例,只不过加了几行注释,呵[代码] 阅读全文
posted @ 2008-09-01 12:28 菩提树下的杨过 阅读 (4915) | 评论 (0) 编辑
摘要:原贴见:http://ext.group.javaeye.com/group/post/37548http://extjs.com/forum/showthread.php?t=17423[代码] 阅读全文
posted @ 2008-08-31 21:16 菩提树下的杨过 阅读 (3794) | 评论 (1) 编辑
摘要:这几天在学习ExtJs + Wcf的过程中,发现一个问题,如果Class中有成员的类型为DateTime,即使我们正常标识了[DataMember],序列化成JSON时,会生成一种特有的格式:..."AddTime":"\/Date(1213718400000+0800)\/"}...这种格式ExtJs并不识别,导致最终的组件,比如Grid上无法正常显示,解决办法有二个:1.将Class的成员,手... 阅读全文
posted @ 2008-08-31 19:54 菩提树下的杨过 阅读 (1712) | 评论 (1) 编辑
摘要:ExtJs官方网http://www.extjs.com/ExtJs中文站http://www.ajaxjs.com/examples/一起EXT论坛http://www.17ext.com/EXT新手建议http://www.javaeye.com/topic/179990Meetrice EXT JS 编程资料馆http://www.cnblogs.com/meetrice/category/... 阅读全文
posted @ 2008-08-31 10:29 菩提树下的杨过 阅读 (1560) | 评论 (0) 编辑
摘要:啥也不说了,直接上代码:[代码]效果图如下: 阅读全文
posted @ 2008-08-31 09:27 菩提树下的杨过 阅读 (2967) | 评论 (1) 编辑
摘要:这一节,我们将学习如何获取Grid当前选中行的信息1.xml数据源内容:[代码]2.静态页内容:[代码]效果图 阅读全文
posted @ 2008-08-30 21:25 菩提树下的杨过 阅读 (14744) | 评论 (0) 编辑
摘要:一.WCF部分1.通过查看官方的示例得知,分页数据源需要一个记录总数值,为保持通用性,这里借鉴jillZhang的文章http://www.cnblogs.com/jillzhang/archive/2008/06/29/1232086.html,把他写的通用类PageData拿过来直接用[代码]2.服务端的WCF方法:GetDataByPage[代码]这里讲一个小技巧,也是从jillZhang那... 阅读全文
posted @ 2008-08-30 20:17 菩提树下的杨过 阅读 (9920) | 评论 (2) 编辑
摘要:ExtJs对于Ajax的使用非常简单,看下面的代码:1.Html页:[代码]2.服务端GetData.ashx[代码]运行效果:转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2008/08/30/1279918.html 阅读全文
posted @ 2008-08-30 09:31 菩提树下的杨过 阅读 (1935) | 评论 (0) 编辑
摘要:这一节,我们将看到ExtJs功能强大的可编辑网格控件,几乎与VS.Net的GridView功能一样了,但是ExtJs的可是纯JS的UI一.静态示例(改自ExtJs的官方示例)a.因为我们是采用xml做为数据源的,这里贴出xml的内容[代码]b.ExtJs调用页面[代码]二.结合WCF动态读取1.WCF服务端[代码]注意:为使linq to sql中的类支持WCF数据契约,还是要手动对类添加[Dat... 阅读全文
posted @ 2008-08-29 12:45 菩提树下的杨过 阅读 (2598) | 评论 (0) 编辑
摘要:[代码] 阅读全文
posted @ 2008-08-29 09:56 菩提树下的杨过 阅读 (2355) | 评论 (1) 编辑
摘要:这一节,将学习到除了用JSON做GridPanel的数据源外,还可以使用XML一。静态示例1.xml文件内容:[代码]2.ExtJs调用页面[代码]运行效果如下图:转载请注明来自"菩提树下的杨过" http://www.cnblogs.com/yjmyzz/archive/2008/08/28/1278949.html二。结合WCF动态读取1.WCF端关键代码定义一个可序列化的类(当然也可以是Li... 阅读全文
posted @ 2008-08-28 21:14 菩提树下的杨过 阅读 (1886) | 评论 (1) 编辑
摘要:这一节,将学习如何使用网络上最常见的UI控件_Grid1.静态示例:静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点[代码]2.动态示例先贴出运行效果图a.先写wcf服务端(1)新建一个"启用了Ajax的WCF服务",命名为MyService.svc(2)写一个方法用于取得网格所需的数据[代码]注意:这里是用linq to sql... 阅读全文
posted @ 2008-08-28 19:46 菩提树下的杨过 阅读 (2324) | 评论 (0) 编辑
摘要:extjs最新版,可从http://www.extjs.com/官方网下载,下载包解压后docs目录里,就是API文档,samples目录里是示例今天接触了下ExtJs,确实不错,先来一个最经典的Hello World.[代码]解释:所有功能都是在Ext.onReady中完成的,用了几个简单的方法,Ext.get取页面指定ID的元素,center()将对象居中,MessageBox.show显示对... 阅读全文
posted @ 2008-08-28 11:10 菩提树下的杨过 阅读 (1135) | 评论 (0) 编辑
摘要:原文见:http://www.cnblogs.com/jillzhang/archive/2008/06/15/1222233.html已经讲得很清楚,本文只是将该篇WCF的方法换成数据库版1.分类表T_Class主要结构F_ID主键IDF_ClassName分类名称F_ParentID父类ID2.扩展treeNode类[代码]即增加了一个parentid成员3.修改WCF中的方法[代码]运行效果... 阅读全文
posted @ 2008-08-27 11:02 菩提树下的杨过 阅读 (586) | 评论 (1) 编辑
摘要:[代码] 阅读全文
posted @ 2008-06-20 16:06 菩提树下的杨过 阅读 (431) | 评论 (0) 编辑
摘要:这是一个经常遇到的问题,特别是在用frame框架的时候,解决办法也很简单:window.location 改为 top.location 即可在顶部链接到指定页或window.open("你的网址","_top"); 阅读全文
posted @ 2008-03-20 10:15 菩提树下的杨过 阅读 (16523) | 评论 (0) 编辑
摘要:看了JefferyZhao的MSDN web cast视频教程,亲自实践了一下,代码如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w... 阅读全文
posted @ 2008-01-26 23:31 菩提树下的杨过 阅读 (1400) | 评论 (0) 编辑
摘要:面向对象的语言必须具备四个基本特征:1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法)2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计)3.支持继承(父类可以派生出子类,子类拥有父母的属性或方法)4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法)这四个基本属性,javascript都可以支持,所以javascript... 阅读全文
posted @ 2008-01-20 21:14 菩提树下的杨过 阅读 (201) | 评论 (0) 编辑
摘要:今天读了Professional Javascript for Web Developers,才知道javascript天生就具备类似c#中的"委托"功能 阅读全文
posted @ 2008-01-17 22:40 菩提树下的杨过 阅读 (276) | 评论 (0) 编辑
摘要:电话号码:<inputtype="text"id="TelPrefix"size="4"MaxLength="4">-<inputtype="text"id="TelNumber"style="width:88px"> <buttonid="btnTestTel"onClick="returnTestTel()">测试电话号码</button><... 阅读全文
posted @ 2008-01-10 10:12 菩提树下的杨过 阅读 (458) | 评论 (0) 编辑
摘要:偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效)<scripttype="text/javascript">varhighlightcolor='#E0F2FE';varclickcolor='#ffedd2';functionMouseOver(){varsource=event.srcElement;if(source.tagName... 阅读全文
posted @ 2008-01-05 16:02 菩提树下的杨过 阅读 (669) | 评论 (0) 编辑
摘要:Date(日期)型字符串,要想正确的转换为Date(日期)对象,必须用new Date(str)方式,直接用Date(str)强制转换将得到错误结果,另外转换时Date字符串的格式为"年/月/日"(也许还有其它写法,这里只测试了yyyy/mm/dd确实是可行的),而另一种很常见的"年-月-日"的表示方式,转换后将得到错误结果 阅读全文
posted @ 2007-12-05 10:33 菩提树下的杨过 阅读 (17291) | 评论 (4) 编辑
摘要:<SCRIPT type="text/javascript" Charset="GB2312">function convertCurrency(currencyDigits) {// Constants:var MAXIMUM_NUMBER = 99999999999.99;// Predefine the radix characters and currency symbols ... 阅读全文
posted @ 2007-11-29 21:39 菩提树下的杨过 阅读 (1216) | 评论 (0) 编辑