窗体调用new U.UF.UI.form

语法格式：

 * @param string or element 头部标题 必填，如为字符串，则显示标题，如是html元素，则显示元素，可以使用html元素构建头部，1473首页菜单用了此参数
 * @param string||element 中间区域的内容   形如： "中间内容"或者$$("div", { "innerHTML":"中间内容" })  必填
 * @param object 窗体的属性 
     形如: { id :"1",  style: { "width": "100px" , "height" : "100px" } }
     选填 如不填或者为null，则采用默认样式,可以设置整个窗体的宽度,高度,当用户设置id时,可以给窗体唯一标识符,以便于用户找到该窗体
 * @param object 窗体功能的属性   如不填或者为null  
     {
        istop: true, //是否允许一直置顶 默认是false，不一直置顶，用于桌面与首页，始终位于页面底层。如静态div，则定义时设置div class="UD_Dtop" id="UD_Dtop" __top__="false"
        isdrag: true, //是否允许拖动 默认是true
        isstretching:true, //是否拉伸 默认是true
        isenlarge:true, //是否允许放大 默认是true
        isnarrow:true, //是否允许缩小 默认是true
        isclose:true //是否允许关闭 默认是true
        isdelete:false //关闭窗体时是否删除窗体的选项，默认false，在打开网盘时不用重复加载用户数据，但comfirm等窗体又需要删除窗体，因此提供此配置选项
     }
* @param object 头部的属性 { style : { "width" : "100px" } }
    选填 如不填或者为null，则采用默认样式，可以修改头部的整体样式，例如设置头部高度，宽度，背景等。
* @param object 内容的属性 { style : { "height" : "100px" } }
    选填 如不填或者为null，则采用默认样式,可以设置内容区域整体样式，例如设置内容区域宽度，高度，背景等。
* @param object 关闭、放大、缩小按钮区域的属性设置 { "style" : { "left" : "100px" } }
    选填 如不填或者为null，则默认按钮靠上.
* @param element 窗体作为孩子节点追加到指定的元素
    选填 如不填或者为null，则直接追加到body中. 返回值：object 返回整个窗体的元素。
注释：调用此函数需要添加new，否则，this的作用域会改变，发生错误。
例如：var obj = new U.UF.UI.form("标题","中间内容",{ 
    "style": { "width": "570px", "height": "80%", "maxHeight": "700px",
                "position":"aboulute", "top":"20%", "left":"50%" }
    }); 
   返回值说明，调用此函数，会返回一个自定义的窗体对象。
   obj是自定义的对象，obj.form才是html元素，代表了窗体
   obj.form;//获取到整个窗体的最外层div
            

注释：此窗体关闭时是隐藏的,应该提供一个关闭时删除窗体的选项！(已提供isdelete:false选项，详见说明)

功能全面型示例：

new U.UF.UI.form("标题","中间内容",{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"aboulute", "top":"20%", "left":"50%"} });

窗体结构截图：

尝试一下

不可放小型示例：

new U.UF.UI.form("标题",$$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} },{ "isnarrow": false});

窗体结构截图：

尝试一下

不可放大型示例：

new U.UF.UI.form("标题", $$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} },{ "isenlarge": false});

窗体结构截图：

尝试一下

非拉伸型示例：

new U.UF.UI.form("标题",$$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} },{ "isstretching": false});

窗体结构截图：

尝试一下

不可放大缩小型示例：

new U.UF.UI.form("标题",$$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} },{ "isenlarge": false,"isnarrow": false});

窗体结构截图：

尝试一下

无标题型示例：

 new U.UF.UI.form(false,$$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} });

窗体结构截图：

尝试一下

不可拖动型示例：

new U.UF.UI.form("标题",$$("div", { "innerHTML": "中间内容" }),{ "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"} },{ "isdrag": false});

窗体结构截图：

尝试一下

监听窗体大小变化的非模态窗体示例：

var content = $$("div", { "innerHTML": "中间内容" }); 
var newForm = new U.UF.UI.form("标题", content, {
      "style": { "width": "570px", "height": "80%", "maxHeight": "700px", "position":"fixed","top":"20%","left":"50%"},
      "onresize" : function () { content.innerHTML = '窗体大小发生了改变' + '当前宽度为：' + newForm.form.offsetWidth + ' 当前高度为：' + newForm.form.offsetHeight; 
} });

窗体结构截图：

尝试一下

 
                        

                            作者：廖志伟 
                        
                        

                            信息录入:廖志伟