博客园_侯锋's Blog

精巧的Ajax库AjaxEngine

2012-02-10T10:28:00Z

项目地址:http://www.houfeng.net/page/AjaxEngine.aspx

2009年中，工作之余写了一个简单非常方便使用Ajax框架（应该还称不是框架）！并用一个小仓库管理项目
2009年末，确实是年末2009-12-29，写了一篇文章，介如年中所写的“框架”，文章地址：http://www.cnblogs.com/houfeng/archive/2009/12/29/1635350.html

2010年初，移植了一个java版本，并送于一个朋友，java版本之后我没维护，java版本被朋友用于了几个政府项目！具说现在他还在用着，但我已不知道“它”长成什么样了！
还是2010年，用于了当时参与的一个OA项目，及一个短信平台项目，此时AjaxEngine已添加很多功能：

可以让所有微软官方asp.net控件具备Ajax能力。
可以轻松在前端页面调用页面中服务端方法，并异步更新页面呈现。
可以在服务端轻松调用客户端脚本。

2011年，AjaxEngine被用于国内某大型证券企业OA的部分模块！

还是2011年，优化了性能，增加了快速编写JsonHandler相关功能！

2012年，正式开源！

为什么开源？

本来不是什么高深的东西，为什么如数家珍呢？不如分享！
因为AjaxEngine虽实现了相关功能，使用也非常简单方便！但也一直想着好好优化一下，但总不知是真没时间还是偷懒，以致于到现在AjaxEngine中还有09年我刚毕业时写的较为拙劣的代码！希望更多的人参于，优化AjaxEngine
AjaxEngine的思路还是较为巧妙的！
希望让更多的coder快速完成ajax开发！
希望更多的人提出议见以改进AjaxEngine！

AjaxEngine的使用不用任何配置，使用步骤如下：

添加对AjaxEngine的引用
页面继承AjaxPageBase，或实现IAjaxPage 即可
JsonHandler继承JsonHandlerBase即可
用AjaxMethod标记相关法！

页面使用Demo:

   1:  using System;

   2:  using AjaxEngines;

3:

   4:  namespace AjaxEngine.Demo

   5:  {

   6:      public partial class _Default : AjaxPageBase

   7:      {

   8:          protected void Page_Load(object sender, EventArgs e)

   9:          {

  10:          }

11:

  12:          protected void Button1_Click(object sender, EventArgs e)

  13:          {

  14:              this.AjaxEngine.ShowMessageBox("houfeng");

  15:          }

16:

  17:          /// <summary>

  18:          /// 参数和返回值都必须是string类型

  19:          /// </summary>

  20:          /// <param name="x"></param>

  21:          /// <param name="y"></param>

  22:          /// <returns></returns>

  23:          [AjaxMethod]

  24:          public string  Add(string x, string y)

  25:          {

  26:              return (x + y).ToString();

  27:          }

  28:      }

  29:  }

Handler使用Demo:

   1:  using AjaxEngines;

   2:  using AjaxEngines.JsonHandlers;

3:

   4:  namespace AjaxEngine.Demo

   5:  {

   6:      /// <summary>

   7:      /// Handler1 的摘要说明

   8:      /// </summary>

   9:      public class Handler1 : JsonHandlerBase

  10:      {

  11:          [AjaxMethod]

  12:          public int add(int x, int y)

  13:          {

  14:              return x + y;

  15:          }

  16:      }

  17:  }

   1:    $.getJSON("Handler1.ashx", { method: "add", x: 1, y: 2 }, function (dt) {

   2:                  alert(dt);

   3:              });

最后忠告：下载使用请遵守GPL协议

项目地址:http://www.houfeng.net/page/AjaxEngine.aspx

本文链接

Android的权限permission

2011-08-22T05:26:00Z

<uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>
允许读写访问"properties"表在checkin数据库中，改值可以修改上传

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" ></uses-permission>
允许一个程序访问CellID或WiFi热点来获取粗略的位置

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" ></uses-permission>
允许一个程序访问精良位置(如GPS)

<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" ></uses-permission>
允许应用程序访问额外的位置提供命令

<uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" ></uses-permission>
允许程序创建模拟位置提供用于测试

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" ></uses-permission>
允许程序访问有关GSM网络信息

<uses-permission android:name="android.permission.ACCESS_SURFACE_FLINGER" ></uses-permission>
允许程序使用SurfaceFlinger底层特性

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" ></uses-permission>
允许程序访问Wi-Fi网络状态信息

<uses-permission android:name="android.permission.ADD_SYSTEM_SERVICE" ></uses-permission>
允许程序发布系统级服务

<uses-permission android:name="android.permission.BATTERY_STATS" ></uses-permission>
允许程序更新手机电池统计信息

<uses-permission android:name="android.permission.BLUETOOTH" ></uses-permission>
允许程序连接到已配对的蓝牙设备

<uses-permission android:name="android.permission.BLUETOOTH_ADMIN" ></uses-permission>
允许程序发现和配对蓝牙设备

<uses-permission android:name="android.permission.BRICK" ></uses-permission>
请求能够禁用设备

<uses-permission android:name="android.permission.BROADCAST_PACKAGE_REMOVED" ></uses-permission>
允许程序广播一个提示消息在一个应用程序包已经移除后

<uses-permission android:name="android.permission.BROADCAST_STICKY" ></uses-permission>
允许一个程序广播常用intents

<uses-permission android:name="android.permission.CALL_PHONE" ></uses-permission>
允许一个程序初始化一个电话拨号不需通过拨号用户界面需要用户确认

<uses-permission android:name="android.permission.CALL_PRIVILEGED" ></uses-permission>
允许一个程序拨打任何号码，包含紧急号码无需通过拨号用户界面需要用户确认

<uses-permission android:name="android.permission.CAMERA" ></uses-permission>
请求访问使用照相设备

<uses-permission android:name="android.permission.CHANGE_COMPONENT_ENABLED_STATE" ></uses-permission>
允许一个程序是否改变一个组件或其他的启用或禁用

<uses-permission android:name="android.permission.CHANGE_CONFIGURATION" ></uses-permission>
允许一个程序修改当前设置，如本地化

<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" ></uses-permission>
允许程序改变网络连接状态

<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" ></uses-permission>
允许程序改变Wi-Fi连接状态

<uses-permission android:name="android.permission.CLEAR_APP_CACHE" ></uses-permission>
允许一个程序清楚缓存从所有安装的程序在设备中

<uses-permission android:name="android.permission.CLEAR_APP_USER_DATA" ></uses-permission>
允许一个程序清除用户设置

<uses-permission android:name="android.permission.CONTROL_LOCATION_UPDATES" ></uses-permission>
允许启用禁止位置更新提示从无线模块

<uses-permission android:name="android.permission.DELETE_CACHE_FILES" ></uses-permission>
允许程序删除缓存文件

<uses-permission android:name="android.permission.DELETE_PACKAGES" ></uses-permission>
允许一个程序删除包

<uses-permission android:name="android.permission.DEVICE_POWER" ></uses-permission>
允许访问底层电源管理

<uses-permission android:name="android.permission.DIAGNOSTIC" ></uses-permission>
允许程序RW诊断资源

<uses-permission android:name="android.permission.DISABLE_KEYGUARD" ></uses-permission>
允许程序禁用键盘锁

<uses-permission android:name="android.permission.DUMP" ></uses-permission>
允许程序返回状态抓取信息从系统服务

android.permission.EXPAND_STATUS_BAR
允许一个程序扩展收缩状态栏

android.permission.FACTORY_TEST
作为一个工厂测试程序，运行在root用户

android.permission.FLASHLIGHT
访问闪光灯

android.permission.FORCE_BACK
允许程序强行一个后退操作是否在顶层activities

android.permission.FOTA_UPDATE android
一个预留权限

android.permission.GET_ACCOUNTS
访问一个帐户列表在Accounts Service中

android.permission.GET_PACKAGE_SIZE
允许一个程序获取任何package占用空间容量

android.permission.GET_TASKS
允许一个程序获取信息有关当前或最近运行的任务，一个缩略的任务状态，是否活动等等

android.permission.HARDWARE_TEST
允许访问硬件

android.permission.INJECT_EVENTS
允许一个程序截获用户事件如按键、触摸、轨迹球等等到一个时间流

android.permission.INSTALL_PACKAGES
允许一个程序安装packages

android.permission.INTERNAL_SYSTEM_WINDOW
允许打开窗口使用系统用户界面

android.permission.INTERNET
允许程序打开网络套接字

android.permission.MANAGE_APP_TOKENS
允许程序管理(创建、催后、z- order默认向z轴推移)程序引用在窗口管理器中

android.permission.MASTER_CLEAR
恢复出厂设置权限，清除一切用户数据

android.permission.MODIFY_AUDIO_SETTINGS
允许程序修改全局音频设置

android.permission.MODIFY_PHONE_STATE
允许修改话机状态，如电源，人机接口等

android.permission.MOUNT_UNMOUNT_FILESYSTEMS
允许挂载和反挂载文件系统可移动存储

android.permission.PERSISTENT_ACTIVITY
允许一个程序设置他的activities显示

android.permission.PROCESS_OUTGOING_CALLS
允许程序监视、修改有关播出电话

android.permission.READ_CALENDAR
允许程序读取用户日历数据

android.permission.READ_CONTACTS
允许程序读取用户联系人数据

android.permission.READ_FRAME_BUFFER
允许程序屏幕波或和更多常规的访问帧缓冲数据

android.permission.READ_INPUT_STATE
允许程序读取底层系统日志文件

android.permission.READ_OWNER_DATA
允许程序读取所有者数据

android.permission.READ_SMS
允许程序读取短信息

android.permission.READ_SYNC_SETTINGS
允许程序读取同步设置

android.permission.READ_SYNC_STATS
允许程序读取同步状态

android.permission.REBOOT
请求能够重新启动设备

android.permission.RECEIVE_BOOT_COMPLETED
允许一个程序接收到 ACTION_BOOT_COMPLETED广播在系统完成启动

android.permission.RECEIVE_MMS
允许一个程序监控将收到MMS彩信,记录或处理

android.permission.RECEIVE_SMS
允许程序监控一个将收到短信息，记录或处理

android.permission.RECEIVE_WAP_PUSH
允许程序监控将收到WAP PUSH信息

android.permission.RECORD_AUDIO
允许程序录制音频

android.permission.REORDER_TASKS
允许程序改变Z轴排列任务

android.permission.RESTART_PACKAGES
允许程序重新启动其他程序

android.permission.SEND_SMS
允许程序发送SMS短信

android.permission.SET_ACTIVITY_WATCHER
允许程序监控或控制activities已经启动全局系统中

android.permission.SET_ALWAYS_FINISH
允许程序控制是否活动间接完成在处于后台时

android.permission.SET_ANIMATION_SCALE
修改全局信息比例

android.permission.SET_DEBUG_APP
配置一个程序用于调试

android.permission.SET_ORIENTATION
允许底层访问设置屏幕方向和实际旋转

android.permission.SET_PREFERRED_APPLICATIONS
允许一个程序修改列表参数PackageManager.addPackageToPreferred() 和PackageManager.removePackageFromPreferred()方法

android.permission.SET_PROCESS_FOREGROUND
允许程序当前运行程序强行到前台

android.permission.SET_PROCESS_LIMIT
允许设置最大的运行进程数量

android.permission.SET_TIME_ZONE
允许程序设置时间区域

android.permission.SET_WALLPAPER
允许程序设置壁纸

android.permission.SET_WALLPAPER_HINTS
允许程序设置壁纸hits

android.permission.SIGNAL_PERSISTENT_PROCESSES
允许程序请求发送信号到所有显示的进程中

android.permission.STATUS_BAR
允许程序打开、关闭或禁用状态栏及图标

android.permission.SUBSCRIBED_FEEDS_READ
允许一个程序访问订阅RSS Feed内容提供

android.permission.SUBSCRIBED_FEEDS_WRITE
系统暂时保留改设置

android.permission.SYSTEM_ALERT_WINDOW
允许一个程序打开窗口使用 TYPE_SYSTEM_ALERT，显示在其他所有程序的顶层

android.permission.VIBRATE
允许访问振动设备

android.permission.WAKE_LOCK
允许使用PowerManager的 WakeLocks保持进程在休眠时从屏幕消失

android.permission.WRITE_APN_SETTINGS
允许程序写入API设置

android.permission.WRITE_CALENDAR
允许一个程序写入但不读取用户日历数据

android.permission.WRITE_CONTACTS
允许程序写入但不读取用户联系人数据

android.permission.WRITE_GSERVICES
允许程序修改Google服务地图

android.permission.WRITE_OWNER_DATA
允许一个程序写入但不读取所有者数据

android.permission.WRITE_SETTINGS
允许程序读取或写入系统设置

android.permission.WRITE_SMS
允许程序写短信

android.permission.WRITE_SYNC_SETTINGS
允许程序写入同步设置

本文链接

IOS下的Safari的一些特性

2011-05-24T04:42:00Z

IOS下的Safari的一些特性

1. viewport

iOS Sarari 浏览器允许网页 Head 里存在一个 Viewport 声明，用来规范浏览器对此页面的缩放特性，完整的声明如下：

Viewport 里目前有五个可以设置的属性，它们各自的作用如下：

width：设置 viewport 的宽度，即 iPhone 最初模拟 PC 浏览器的宽度，之后 iPhone/iPad 会这个宽度展现的页面同比缩放到 iPhone/iPad 屏幕上。设置 width=device-width 后就不会再进行缩放了，因为宽度正好和 iPhone/iPad 的宽度相同（前提是没有设置缩放比例）。
minimum-scale 和 maximum-scale：是控制用户允许设置的最大/最小缩放比例的。
user-scalable：标识是否允许对页面进行缩放，取值有两个 yes 和 no。设置为 no 则不允许进行页面缩放了。
initial-scale：设置页面的初始化缩放比例。

通过控制这个，将网页的主体内容扩展到整个界面，能够给用户更好的阅读体验。

2. 横竖屏切换。

Mobile Safari for iPad 可以直接在 link 或者 style 标签的 media 属性里声明该样式是竖屏的还是横屏的。可以利用来在横竖屏下面做一些不同的内容布局。

/* 竖屏时使用的样式 */
<style media="all and (orientation:portrait)" type="text/css">
#landscape { display: none; }
</style>

/* 横屏时使用的样式 */
<style media="all and (orientation:landscape)" type="text/css">
#portrait { display: none; }
</style>

本文链接

开发一个可绑定数据源的jQuery数据表格插件

2010-07-16T10:01:00Z

开发一个可绑定数据源的jQuery数据表格插件

上一篇博文写道:用javascript实现Repeater.

此文将实现一个的jQuery表格插件jQuery.DataGrid。

固定表头
列宽可调整
单击列头可排序
双击单元格可编辑
可绑定数据源

看下效果吧:

HTML - 模板代码：

jsascript代码：

//测试数据
var dataJsonStr='{tablename:"",rows:[{"姓名":"曹操","性别":"男","年龄":"51","住址":"许昌"},{"姓名":"诸葛亮","性别":"男","年龄":"40","住址":"南阳"},{"姓名":"周瑜","性别":"男","年龄":"40","住址":"江东"},{"姓名":"大乔","性别":"女","年龄":"30","住址":"江东"},{"姓名":"小乔","性别":"女","年龄":"28","住址":"江东"},{"姓名":"曹操","性别":"男","年龄":"51","住址":"许昌"},{"姓名":"诸葛亮","性别":"男","年龄":"40","住址":"南阳"},{"姓名":"周瑜","性别":"男","年龄":"40","住址":"江东"},{"姓名":"大乔","性别":"女","年龄":"30","住址":"江东"},{"姓名":"小乔","性别":"女","年龄":"28","住址":"江东"}]}';

//清空数据
$('#test').DataGridClear();
//设定行样式
$('#test').DataGridSetItemClass("tr1","tr2","trhover");
//绑定数据，并设置宽度高度
$('#test').DataGrid("100%",200,dataJsonStr);

结构示意图:

如何根据HTML模板创建DataGrid整个结构?

1.首先创建表头主体等各区域:

   TableBody.addClass('TableBody');
   TableBody.wrap("<div id='"+MyTableId+"' class='houfeng-table'></div>");
   var  MyTable=$('#'+MyTableId);
   TableBody.data('MyTable',MyTable);
   TableBody.before("<table class='TableHead' ></table>");
   var  TableHead=MyTable.find(".TableHead");
   TableBody.data('TableHead',TableHead);
   TableBody.wrap('<div  class="TableBodyArea"></div>');
   TableHead.wrap("<div class='TableHeadArea' onselectstart='return false;'></div>");
   var  TableBodyArea=MyTable.find('.TableBodyArea');
   var  TableHeadArea=MyTable.find('.TableHeadArea');
   TableBody.data('TableBodyArea',TableBodyArea);
   TableBody.data('TableHeadArea',TableHeadArea);

上面代代中红色高亮 TableBody 为表主体, TableHead 为表头

2.创建表头

TableBody.find('.header').clone().prependTo(TableHead);

TableBody 其实便是HTML模板Table , 将 .header 的行移到到表头表格中作为表头.

3.创建表主体

创建表主体,其实便是根据数据源及模板循环创建每一行 , 这里用了上篇文章提到的 Repeater 来创建, 详细请看用javascript实现Repeater.

4.处理当列过多时横向滚动条的问题

TableBodyArea.scroll(function  (){
                                var  ml=0-parseInt(TableBodyArea.attr('scrollLeft'));
                                TableHead.css('margin-left',ml);
});

TableBodyArea 为TableBody外包裹的一个Div

5.如何实现单元格编辑

双击td时在td中动态插入一个文件本框为将td的innerHTML给文本框，在文本焦点失去时，将文本框值赋给td的innerHTML，将移除文本框代码如下：

TableBody.find('td').live('dblclick',function(){
                                var  td=$(this);
                                if(td.attr('editable')=='true')
                                {
                                          var  text=td.text();
                                          var  html="<input type='text' class='TdEditTextBox' value='"+$.trim(text)+"' />";
                                          td.html(html);
                                          td.addClass("tdediting");
                                          //
                                          $(this).find('.TdEditTextBox').focus().focus().focus().focus();
                                          $(this).find('.TdEditTextBox').blur(function(){
                                                var  val=$(this).val();
                                                td.html(val);
                                                  td.removeClass("tdediting");
                                          });
                                  }
                        });

6. 如何排序：

由时间问题请容我下回分解！！

源码下载:

请遵守 LGPL英文 LGPL中文 协议! 下载.

本文链接

开发一个可绑定的jQuery数据表格插件

2010-07-16T09:07:00Z

请查看有详细说版本：

http://www.cnblogs.com/houfeng/archive/2010/07/16/1779121.html

开发一个可绑定的jQuery数据表格插件

上一篇博文写道:用javascript实现Repeater.

此文将实现一个【表头固定，列宽可改变，可排序,单元格可编辑】的jQuery表格插件jQuery.DataGrid。

同样，此表格插件也是可以绑定数据的，没时间，不多说啦！

HTML - 模板：

jsascript代码：

看下效果吧:

源码下载:

请遵守 LGPL英文 LGPL中文 协议! 下载.

本文链接

用Javascript实现Repeater

2010-07-15T08:32:00Z

如何实现一个js版的repeater?

Asp.net WebForm的repeater控件挺好用，我想用js实现一个在Ajax应用中也该还不错！半年前做了一个jQuery.Repeater插件，并用在了一个项目中，如今拿来晒晒！

原理

项模板为HTML代码，插件接收json数据源，读取模板并创新每一项。

模板HTML

json数据源格式

自个捣鼓的东西格式就自个做主啦:-D . 如下：

{tablename:"表名",rows:[{"列1":"值1"},{"列2":"值2"}.....{"列n":"值n"}]}

扩展原生String对象

为方便使用扩展一个String对象

//扩展String
String.prototype.trim  =  function()  {
        return  this.replace(/(^\s*)|(\s*$)/g,"");
}
//
String.prototype.Replace=function  (str1,str2){
        var  rs=this.replace(new  RegExp(str1,"gm"),str2);
        return  rs;
}

将json字符串转为对象

//将json数据转为对象
function    jsonStringToDataTable(jsondata){
                try{
                        var    table=eval("("+jsondata+")");
                return    table;
        }
        catch(ex){
                        return    null    ;
        }
}

取网页元素自身HTML源码

由于有些浏览器(如firefox)不支持outerHTML,特写了一个toHTML的小插件。

//取自身HTML源码的插件.
jQuery.fn.extend({
                toHTML:function(){
                                var    obj=$(this[0]);
                                if(obj[0].outerHTML){
                                                return    obj[0].outerHTML;
                                }
                                else{
                                                    if($('.houfeng-hidearea')==null    ||    $('.houfeng-hidearea')[0]==null    ){
                                                                $('body').append("<div class='houfeng-hidearea' style='display:none;'></div>");
                                                    }
                                                    $('.houfeng-hidearea').css('display','none');
                                                    $('.houfeng-hidearea').html('');
                                                    obj.clone(true).prependTo('.houfeng-hidearea');
                                                    var    rs=    $('.houfeng-hidearea').html();
                                                    $('.houfeng-hidearea').html('');
                                                    return    rs;
                                    }
                }
});

插件主要代码

jQuery.fn.extend({
        Repeater:function(val,ItemCreatedCallBack){//设置或取得数据源
                    this.each(function(){
                            if(val==null  ||  val==undefined){//如果参数为空返回相应数据
                                                return  $(this).data("_DataSrc");//从缓存返回数据
                            }
                            else{//如果不为空设置数据源。
                                            //
                                            try{
                                            var  valtype=(typeof  val).toString();
                                            if(valtype=='string')
                                                        val  =jsonStringToDataTable(val).rows;
                                              }catch(ex){
                                                        return  ;
                                              }
                                            //
                                            var  domtype=$(this).find(".itemtemplate").attr('nodeName');//查找元素类型
                                            //
                                            if($(this).data("_ItemTemplate")==null  ){
                                                    $(this).data("_ItemTemplate",$(this).find(".itemtemplate").toHTML());
                                                    $(this).find(".itemtemplate").remove();
                                            }
                                            var  TrContentTemplate=$(this).data("_ItemTemplate");
                                            //
                                            var  fileds=____FindFiled(TrContentTemplate);//找到所有列
                                            if(fileds==null  )return  false  ;
                                            var  filedscount=fileds.length;//计算列数
                                            ////
                                            $(this).data("_DataSrc",val);  //将数据放入缓存
                                            var  count=val.length;
                                            for(var  i=0;i<count  ;i++){
                                                  ////绑定列值
                                                  var  NewTrContent=TrContentTemplate;
                                                  //
                                                  NewTrContent=NewTrContent.Replace("{{","{#");
                                                  NewTrContent=NewTrContent.Replace("}}","#}");
                                                  for(  var  j=0;j<filedscount;j++){
                                                              NewTrContent=NewTrContent.Replace("{"+fileds[j]+"}",val[i][fileds[j].trim()]);
                                                  }
                                                  NewTrContent=NewTrContent.Replace("{#","{");
                                                  NewTrContent=NewTrContent.Replace("#}","}");
                                                  //
                                                  var  area=$(this).find('tbody');
                                                  if(area  ==null  )
                                                                area  =$(this);
                                                  //
                                                  area.append(NewTrContent);
                                                  if(ItemCreatedCallBack!=null  ){
                                                        ItemCreatedCallBack($(this).find(domtype+":last"));
                                                  }
                                            }
                                            //
                                            $(this).RepeaterSetItemClass($(this).data("_class1"),$(this).data("_class2"),$(this).data("_hoverClass"));
                            }
                    });
        },
        RepeaterClear:function  (){//清除数据
                this.each(function(){
                            if($(this).data("_ItemTemplate")==null  ){
                                    $(this).data("_ItemTemplate",$(this).find(".itemtemplate").toHTML());
                            }
                            $(this).find(".itemtemplate").remove();
                });
        },
        RepeaterSetItemClass:function  (class1,class2,hoverClass){//行样式
                this.each(function(){
                        if(class1==null  ||  class2==null  ||  hoverClass  ==null  )
                                return  ;
                                //将设置存入缓存
                              $(this).data("_class1",class1);
                              $(this).data("_class2",class2);
                              $(this).data("_hoverClass",hoverClass);
                              //
                              if($(this).data("_DataSrc")!=null  ){
                                        var  domtype=$(this).find(".itemtemplate").attr('nodeName');
                                      //
                                      $(this).find(domtype).addClass(class1);
                                      $(this).find(domtype+":nth-child(even)").addClass(class2);
                                    // $(this).find(domtype+":first").removeClass(class1);
                                        //鼠标移动上去颜色变化
                                      $(this).find(domtype).hover(function(){$(this).addClass(hoverClass);},function(){$(this).removeClass(hoverClass);});
                      }
              });
        }
});
//查找字段公共方法.
function  ____FindFiled(str){//公共方法.
        var  myRegex  =  new  RegExp("\{.+?\}",  "gim");
        //var arr = myRegex.exec(str);
        var  arr=str.match(myRegex);
        if(arr  ==null  )return  null  ;
        var  count=arr.length;
        for(  var  i=0;i<count;i++)
        {
              arr[i]=arr[i].Replace("{","").Replace("}","");
        }
        return  arr  ;
}
//----------------------------------------------------------------------

挺乱的，但代码也简单，也有注释，不多说了:-D

如何使用

$('repeater1').Repeager(data,[ItemCreatedCallBack]);

ItemCreatedCallBack 为可选参数，可以说是项创建事件吧！

如何嵌套？

通过ItemCreatedCallBack回调（或称事件）

Demo - HTML模板:

Demo - js代码:

$(function{
                $('repeater1').Repeager(data,itemCreate);
});
function    itemCreate(x){
            // 在此绑定子repeater
            // 参数X是父repeater的项引用类型为jQuery对象,
            // 通过X取得子repeater要用的数据并取数据源在此绑定子repeater 绑定子repeater
}

源码下载

单击此处下载

本文链接

xmlHttp.status的值（HTTP状态表）

2010-03-31T07:04:00Z

xmlHttp.status的值（HTTP状态表）

100——客户必须继续发出请求
101——客户要求服务器根据请求转换HTTP协议版本
200——交易成功
201——提示知道新文件的URL
202——接受和处理、但处理未完成
203——返回信息不确定或不完整
204——请求收到，但返回信息为空
205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件
206——服务器已经完成了部分用户的GET请求
300——请求的资源可在多处得到
301——删除请求数据
302——在其他地址发现了请求数据
303——建议客户访问其他URL或访问方式
304——客户端已经执行了GET，但文件未变化
305——请求的资源必须从服务器指定的地址得到
306——前一版本HTTP中使用的代码，现行版本中不再使用
307——申明请求的资源临时性删除
400——错误请求，如语法错误
401——请求授权失败
402——保留有效ChargeTo头响应
403——请求不允许
404——没有发现文件、查询或URl
405——用户在Request-Line字段定义的方法不允许
406——根据用户发送的Accept拖，请求资源不可访问
407——类似401，用户必须首先在代理服务器上得到授权
408——客户端没有在用户指定的饿时间内完成请求
409——对当前资源状态，请求不能完成
410——服务器上不再有此资源且无进一步的参考地址
411——服务器拒绝用户定义的Content-Length属性请求
412——一个或多个请求头字段在当前请求中错误
413——请求的资源大于服务器允许的大小
414——请求的资源URL长于服务器允许的长度
415——请求资源不支持请求项目格式
416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段
417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求
500——服务器产生内部错误
501——服务器不支持请求的函数
502——服务器暂时不可用，有时是为了防止发生系统过载
503——服务器过载或暂停维修
504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长
505——服务器不支持或拒绝支请求头中指定的HTTP版本
1xx:信息响应类，表示接收到请求并且继续处理
2xx:处理成功响应类，表示动作被成功接收、理解和接受
3xx:重定向响应类，为了完成指定的动作，必须接受进一步处理
4xx:客户端错误，客户请求包含语法错误或者是不能正确执行
5xx:服务端错误，服务器不能正确执行一个正确的请求

本文链接

将一个简单对象转为Json字符串.

2010-02-22T09:38:00Z

将一个简单对象转为Json字符串.转换时,只对属性,成员变量做转换.usingSystem; usingSystem.Collections.Generic; usingSystem.Text; usingSystem.Reflection; namespaceObjectToJson { publicclassObjectToJson { privateObject_Ins; /// <s...

CSDN看到的，标记下。

2010-02-13T09:26:00Z

态度篇1. 做实事不要抱怨，发牢骚，指责他人，找出问题所在，想办法解决。对问题和错误，要勇于承担。2. 欲速则不达用小聪明、权宜之计解决问题，求快而不顾代码质量，会给项目留下要命的死角。3. 对事不对人就事论事，明智、真诚、虚心地讨论问题，提出创新方案。4. 排除万难，奋勇前进勇气往往是克服困难的唯一方法。学习篇5. 跟踪变化新技术层出不穷并不可怕。坚持学习新技术，读书，读技术杂志，参加技术活动，...

Firefox下的AJAX onreadystatechange问题

2010-02-08T12:02:00Z

var xmlHttp;function savetodata(){ createXMLHttpRequest();var rndcode = new Date().getTime();var Url ="a.asp?cache="+rndcodexmlHttp.onreadystatechange = function(){.....}xmlHttp.open ("GET",Url,true);...