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>
//新建 与编辑
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>