作业1:
自己设计一个页面,把easyui Form(表单)的控件能用的全部用上
<%@ include file="system/easyui_header_plugin.jsp"%>

头文件包含多个css、js引用
<div id="xxx" class="easyui-panel" data-options="title:'aaaaa',width:400" style=""></div>

data-options 填写控件属性,间隔逗号。style里面写html语句
style 比 data-options 执行要迟,js里最迟

js里面写控件class没效果,html里面class有效果
$('#XXX').textbox(); 真正动态产生控件

tips:外面加一个层把绝对定位放到层里

$('#XXX').textbox({
label:'',
labelwidth:'',
width:300,
labelAlign:'right'
});
控件生成函数

function CreateTextbox(xparent,xid,xlabel,xlabelwidth,xtop,xleft,xheight,xwidth,xvalue){
if(xheight<=0) xheight=28;
if(xlabelwidth<=0) xlabelwidth=70;
   str='<div style="position:absolute; top:'+xtop+'px; left:'+xleft+'px;">
<input id="'+xid+'" class="easyui-textbox" /></div>';
   $('#'+xparent).append(str);
   $('#'+xid).textbox({
   label: xlabel+':',
   labelwidth:xlabelwidth,
   height:xheight,
   width:xwidth,
   labelAlign:'right'
   });
}
$(...).numberbox('textbox').css("text-align","right");  //右对齐

标签: none

添加新评论