paip.gui控件form窗体的原理实现以及easyui的新建以及编辑实现

最新推荐文章于 2021-07-11 22:41:37 发布

attilax

最新推荐文章于 2021-07-11 22:41:37 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： gui界面

本文链接：https://blog.youkuaiyun.com/attilax/article/details/22698925

gui界面专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一种使用EasyUI框架实现窗体新建与编辑的方法，包括通过iframe加载内容及利用EasyUI的window组件来创建弹出窗口的具体实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

paip.gui控件form窗体的原理实现以及easyui的新建以及编辑实现

//////新建与编辑

var EditForm=new Form_easyui();
   if(row)
   EditForm.id=row.id;

   EditForm.show();

//////////////窗体的加载
两个方式:一个是load ajax,简单的文本可以使用这个,不适合事件的情形..
一个是容器方式（iframe）,推荐这个,,,
main.htm ..要是放得个子窗口里面,不的出去..只能放得个父窗口里面.
<div id="win">
   <iframe id="ifrmo3" src="" width="100%" marginwidth="0" height="100%" marginheight="0" frameborder="0"></iframe>
</div>

在sub.html,,,,parent.$('#win').window(xxx);

作者Attilax 艾龙， EMAIL:1466519819@qq.com
来源：老哇的爪子 Attilax
地址：http://blog.youkuaiyun.com/attilax

/////////////////////完整代码。subWindow.htm
<script>

function Form_easyui() {

       this.id=0;
       this.show = function() {

           var param ="cheoyoniuEdit.htm?id="+this.id;

           // transParam(param);
           $("#ifrmo3",parent.document.body).attr("src",param);

           //open parent winID div.. cause from subWindow start ..
           parent.$('#win').window({
               width: 600,
               height: 400,
               modal: true,
               title: "新增"
           });
           /// open wind end
       };
       //define method end

   }

   //addBtn_click()
function addWin()
{

///get select obj filed (id )
var row = $('#tablex').datagrid('getSelected');
//if have select ,edit model.
   if (row){
           console.info("---get id: "+row.id);
   }else
       console.info("--- no select id ");

   var EditForm=new Form_easyui();
   if(row)
   EditForm.id=row.id;

   EditForm.show();

}

/////////////////////////////代码main.html

   <div id="win">
   <iframe id="ifrmo3" src="" width="100%" marginwidth="0" height="100%" marginheight="0" frameborder="0"></iframe>


   </div>