[Intraweb之EasyUI篇.doc.docVIP

Intraweb之EasyUI篇 　　首先引入以下文件，后面其它页面也一样这样引用，直接贴代码： [html]?view plaincopy span?style=white-space:pre????/spanlink?rel=stylesheet?type=text/css?href=easyui/themes/default/easyui.css?? link?rel=stylesheet?type=text/css?href=easyui/themes/icon.css?? script?type=text/javascript?src=easyui/jquery.min.js/script?? script?type=text/javascript?src=easyui/jquery.easyui.min.js/script?? script?type=text/javascript?src=easyui/locale/easyui-lang-zh_CN.js/script?? 　　 这些文件是必须引用的，easyui.css是自带的样式，icon.css是使用中的各种图标，easyui-lang-zh_CN.js是汉化文件（EasyUI对中文支持还是很不错的，如果觉得汉化得不够好，可以打开这个文件自行修改）。界面部分： [html]?view plaincopy form?id=ff?class=easyui-form?method=post?data-options=novalidate:true?? !--form提供了各种方法来操作执行表单字段，比如：ajax提交,?load,?clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。?? “data-options”控件的各种属性，form有以下属性：?? 属性名?类型??描述??默认值?? novalidate??boolean?????定义是否验证表单的字段，true:验证,false:不验证。??false?? ajax????boolean?????定义是否使用ajax提交表单，true:使用,false:不使用。???true?? queryParams?????object??????当表单被提交到服务器的时候增加的额外参数列表。?{}?? url?string??????提交表单动作的URL地址????null?? --?? ????????????table?cellpadding=5?? ????????????????tr?? ????????????????????td用户名：/td?? ????????????????????tdinput?class=easyui-textbox?type=text?name=username?data-options=required:true?style=width:150px//td?? ?!--?? TextBox(文本框)是一个增强的输入字段组件，?它允许用户非常简单的创建一组表单。它是一个用于构建其他组合控件的基础组件，如：combo，databox、spinner等?? ?required:true表示文本框不能为空，下同。?? --?? ????????????????/tr?? ????????????????tr?? ????????????????????td密　码：/td?? ????????????????????tdinput?class=easyui-textbox?type=password?name=passw?data-options=required:true?style=width:150px//td?? ????????????????/tr?? ????????????/table?? ????????/form?? ????????div?style=width:216px;padding:5px?0px;height:30px?? ????????????a?href=javascript:void(0)?class=easyui-linkbutton?onclick=submitForm()?style=width:80px;float:left登陆/a?? !--easyui-linkbutton按钮组件，使用超链接按钮创建，提示：不要将它改为button类别，IE9以下浏览器会不正常，submitForm()提交数据，clearForm()清空数据--?? ????????????a?href=javascript:void(0)?class=easyui-linkbutton?onclick=clearForm()?s