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

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.csdn.net/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>