1、首先需要在html的页面中将easyui的样式文件导入进去。
2、然后需要先导入jquery的脚本,接着把easyui的脚本导入进页面。
3、接着我们在body区域中放置一个大的div来确定页面的大小。
4、然后再大的div下面进行左右布局,如下图所示,左边是菜单,右边显示内容。
5、接下来需要在script中实现点击菜单的方法。
加入easyui的icon.css样式,并且在数据节点添加iconCls属性就可以了。举个例子:
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
[{"id":16,
"text":"Actions",
"children":[{
"text":"Add",
"iconCls":"icon-add"}]
}]
就会有图标效果了。
设置jqueryeasyui中下拉框不可编辑的方法:EasyUI常用控件禁用方法:1.validatebox可以用的用法:前两种适用于单个的validatebox第三种应用于整个form里面的输入框.$("#id").attr("readonly",true)$("#id").removeAttr("readonly").$("#id").attr("readonly","readonly")$("#id").removeAttr("readonly").$("#Form:input").attr("readonly","readonly")//对form里面的禁用.$("input").attr("readonly","readonly")//对所有的input标签禁用2.combobox禁用启用用法:.$("#id").combobox({disabled:true})$("#id").combobox({disabled:false}).$("#id").attr("readonly","readonly")//对单个禁用$("#id").removeAttr("readonly").$("#fm.easyui-combobox").combobox({disabled:true})//对form里面的下拉框禁用.$("#ID").combobox("disable")------$("#ID").combobox("enable")3.datebox与datetimebox禁用启用方法:.$("#fm.easyui-datebox").datebox({disabled:true})$("#fm.easyui-datebox").datebox({disabled:false}).$("#id").attr("readonly","readonly")$("#id").removeAttr("readonly").$("#fm.easyui-datetimebox").datetimebox({disabled:true})4.combogrid禁用启用方法:.$("#FPayApplySupAccountID").combogrid("disable")$("#FPayApplySupAccountID").combogrid("enable")5.lable标签ID附加文字:.$("#id").text("标题:")//此方法可以屏蔽掉lable标签内的文字欢迎分享,转载请注明来源:内存溢出
评论列表(0条)