剑行云端

无冥冥之志者,无昭昭之明;无惛惛之事者,无赫赫之功。

信念是决定成功的决定性因素,即便缺少其他条件。

购买.com .net .org 域名时输入 gda536k 优惠码,可节省30%费用。  此优惠码2010年6月6日到期
购买godaddy的虚拟主机,域名等其他使用 gda528p 优惠码,可节省 25% 。 此优惠码2010年6月6日到期
购买godaddy的虚拟主机,域名等其他使用 gda621p 优惠码,可节省 25%。此优惠码2010年6月20日到期

购买godaddy的所有产品使用 fbgdhome20 优惠码,可节省 20%。此优惠码2010年7月15日到期

jQuery EasyUI 窗口(Window)的主要用法和面板(panel)用法差不多,首先来看一下jQuery EasyUI 窗口(Window)在页面里显示的效果是这样的:

HTML代码 (很多Window的属性可以在标记语言中定义,比如说:icon, title等等)

  1. <div id=”win” icon=”icon-save” title=”My Window”>
  2. Window Content
  3. </div>


然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
生成一个Window:

  1. $(‘#win’).window(options);

打开一个Window:

  1. $(‘#win’).window(‘open’);

Window需要依存于以下的三个组件:
* 可拖放(Draggable)
* 调整大小(Resizable)
* 面板(panel)

下面来介绍Window的具体用法,首先来看属性大多数的属性和面板(panel)的属性是相同的,下面列出一些Window私有的属性:

属性名 类型 描述 默认值
zIndex 数字 窗口的 z-index 属性,可以通过这个属性来增加 9000
draggable 布尔 定义窗口是否可被拖动 true
resizable 布尔 定义窗口是否可以被改变大小 true
shadow 布尔 如果设置为true,窗口的阴影也将显示。 true
modal 布尔 定义窗口是否是一个模式窗口。 true

Window也重写了Panel里的一些属性

属性名 类型 描述 默认值
title 字符串 窗口的标题文本 New Window
collapsible 布尔 定义是否显示可折叠定义按钮 true
minimizable 布尔 定义是否显示最小化按钮 true
maximizable 布尔 定义是否显示最大化按钮 true
closable 布尔 定义是否显示关闭按钮 true

事件
Window的事件和面板(panel)的事件相同,可以参考《jQuery EasyUI 面板(Panel)用法
方法
除了”header”和”body”以外,Window的函数方法和面板(panel)的相同,同样也可以参考《jQuery EasyUI 面板(Panel)用法》

jQuery EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法,下面来介绍一下验证框(ValidateBox)的详细用法:

HTML 代码

  1. <input id=”vv” required=”true” validType=”email”>


然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:

  1. $(‘#vv’).validatebox(options)

下面介绍一下验证规则:
验证规则是通过使用属性 “required”和”validType”来定义的,已经实施的规则如下:

  • email: 匹配电子邮件正则表达式规则
  • url: 匹配URL正则表达式规则
  • length[0,100]: 允许字符串长度的范围

当然也可以自定义验证规则,重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功能和无效的显示消息。例如,要定义一个minLength有效的类型:

  1. $.extend($.fn.validatebox.defaults.rules, {
  2. minLength: {
  3. validator: function(value, param){
  4. return value.length >= param[0];
  5. },
  6. message: ‘Please enter at least {0} characters.’
  7. }
  8. });

定义好以后我们就可以使用了,下面的代码表示输入的最小长度是5个字符:

  1. <input class=”easyui-validatebox” validType=”minLength[5]“>

下面来介绍更多的用法:属性

属性名 类型 描述 默认值
required 布尔 定义文本域是否为必填项 false
validType 字符串 定义字段的验证类型,比如email, url, etc. null
missingMessage 字符串 当文本框为空时提示的文本信息 This field is required.
invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null

方法

方法名 参数 描述
destroy none 删除并且销毁组件
validate none 做验证以确定文本框的内容是否是有效的。
isValid none 调用验证方法并返回验证结果,true或者false

jQuery EasyUI 数字框(NumberBox)相对来说比较简单,就是控制一个输入只接受数字类型,其他所有的字符都不接受。这在我们的应用中还是能起到很大作用的,比如说电话号码框获取金额框是只接受数字的。下面来介绍数字框(NumberBox)用法的详细用法:

HTML代码

  1. <input type=”text” id=”nn”/>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:

  1. $(‘#nn’).numberbox(options);


这里的options是选项,可以参考下表:

选项名 类型 描述 默认值
min 数字 文本框中可允许的最小值 null
max 数字 文本框中可允许的最大值 null
precision 数字 最高可精确到小数点后几位 0

vs2005和vc6.0在字符串的严谨方便还是有很大区别的,原先用VC6时很多问题都不用考虑,一般隐式转换都能自动帮你搞定,现在用VS2005后就会出现一堆的错误,原先写的代码都不能正常工作,下面是关于WCHAR* 与char*互相转换自己写的个类

class TransformCharandWchar
{
private:
 char *m_pChar;
 WCHAR *m_pWchar;
public:
 TransformCharandWchar():m_pChar(NULL),m_pWchar(NULL)
 {}
 ~TransformCharandWchar()
 {
  if (m_pChar)
  {
   delete m_pChar;
  }
  if (m_pWchar)
  {
   delete m_pWchar;
  }
 }
 const char * WcharTochar(const WCHAR* pwchar)
 {
  if(pwchar == NULL)
   return NULL;
  if(m_pChar!=NULL)
   delete m_pChar;
  int outlen = WideCharToMultiByte(CP_ACP,0,pwchar,-1,NULL,0,NULL,0);
  m_pChar = new char[outlen];
  WideCharToMultiByte(CP_ACP,0,pwchar,-1,m_pChar,outlen,NULL,0);
  return m_pChar;
 }
 const WCHAR* CharToWchar(const char * pchar)
 {
  if(pchar == NULL)
   return NULL;
  if(m_pWchar!=NULL)
   delete m_pWchar;
  int outlen = MultiByteToWideChar(CP_ACP,0,pchar,-1,NULL,0);
  m_pWchar = new WCHAR[outlen];
  MultiByteToWideChar(CP_ACP,0,pchar,-1,m_pWchar,outlen);
  return m_pWchar;
 }
};
int main()
{
 TransformCharandWchar transfrom;
 char *pchar = “abced”;
 const WCHAR *pwchar = transfrom.CharToWchar(pchar);
 const char *ptchar = transfrom.WcharTochar(pwchar);
 return 1;
}
每次用的时候最好自己重新定义一个转换类对象,别复用

每一个你朝思暮想的女人背后 都有一个日她日到想吐的男人!

jQuery EasyUI里表单(Form)的用法和jQuery里AJAX的用法差不多,下面介绍一下具体用法:

HTML代码:

  1. <form id="ff" method="post">
  2. </form>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
如果想使表单变成AJAX提交:

  1. $(‘#ff’).form({
  2.         url:…,
  3.         onSubmit: function(){
  4.                 // do some check
  5.                 // return false to prevent submit;
  6.         },
  7.         success:function(data){
  8.                 alert(data)
  9.         }
  10. });


如果想做提交的动作:

  1. $(‘#ff’).form(’submit’, {
  2.         url:…,
  3.         onSubmit: function(){
  4.                 // do some check
  5.                 // return false to prevent submit;
  6.         },
  7.         success:function(data){
  8.                 alert(data)
  9.         }
  10. });

这两段代码之有很小的一个差别就是在设置参数的时候有个”submit”,下面来详细介绍一下这些参数的用法:
参数

参数名 类型 描述 默认值
url 字符串 表单提交的地址 null

事件

事件名 参数 描述
onSubmit none 提交之前触发的事件,如果返回false可以防止提交
success data 表单提交成功的时候触发

方法

方法名 参数 描述
submit options 执行提交的操作,选项的参数是一个对象,这个对象包括以下的属性:
url:设置提交的地址;
onSubmit:提交之前的回调函数
submit:提交成功后的回调函数
load data 加载记录来填充表单
选项参数可以是一个字符串或者是一个对象,字符串意味着是一个远程地址,否则就是一个本地的数据记录
clear none 清空表单数据
validate none 表单字段的验证,如果返回true,则说明所有的字段都是合法的。这个方法可以和validatebox插件联合使用

相关文章导读

Powered by WordPress Web Design by SRS Solutions © 2010 剑行云端 Design by SRS Solutions