信念是决定成功的决定性因素,即便缺少其他条件。
jQuery EasyUI 窗口(Window)的主要用法和面板(panel)用法差不多,首先来看一下jQuery EasyUI 窗口(Window)在页面里显示的效果是这样的:

HTML代码 (很多Window的属性可以在标记语言中定义,比如说:icon, title等等)
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
生成一个Window:
打开一个Window:
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 代码
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
下面介绍一下验证规则:
验证规则是通过使用属性 “required”和”validType”来定义的,已经实施的规则如下:
当然也可以自定义验证规则,重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功能和无效的显示消息。例如,要定义一个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代码
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
这里的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代码:
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
如果想使表单变成AJAX提交:
如果想做提交的动作:
这两段代码之有很小的一个差别就是在设置参数的时候有个”submit”,下面来详细介绍一下这些参数的用法:
参数
| 参数名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| url | 字符串 | 表单提交的地址 | null |
事件
| 事件名 | 参数 | 描述 |
|---|---|---|
| onSubmit | none | 提交之前触发的事件,如果返回false可以防止提交 |
| success | data | 表单提交成功的时候触发 |
方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| submit | options | 执行提交的操作,选项的参数是一个对象,这个对象包括以下的属性: url:设置提交的地址; onSubmit:提交之前的回调函数 submit:提交成功后的回调函数 |
| load | data | 加载记录来填充表单 选项参数可以是一个字符串或者是一个对象,字符串意味着是一个远程地址,否则就是一个本地的数据记录 |
| clear | none | 清空表单数据 |
| validate | none | 表单字段的验证,如果返回true,则说明所有的字段都是合法的。这个方法可以和validatebox插件联合使用 |