lhgdialog - samples

返回首页

1. 弹出窗口的普通基本功能

1.  2.  3.  4.  5.  6.
1调用代码：J.dialog.get({ id: 'test1', title: '测试窗口', page: 'content.html' });
2调用代码：J.dialog.get({ id: 'test2', title: '测试窗口', page: 'content.html', cover: true });
3调用代码：J.dialog.get({ id: 'test3', title: '测试窗口', width: 500, link: 'http://www.google.com' });
4调用代码：J.dialog.get({ id: 'test4', title: '测试窗口', html: '<p>lhgcore框架之lhgdialog弹出窗口组件。</p>' });
5调用代码：J.dialog.get({ id: 'test5', title: '测试窗口', page: 'content.html', top: 100, left: 100 });
6调用代码：J.dialog.get({ id: 'test6', title: '测试窗口', page: 'content1.html' });
子窗口调用代码：D.J.dialog.get({ id: 'child', title: '子窗口', page: 'content2.html', cover: true });
子窗口详细调用代码请看content1.html里的代码示例。

2. 在调用页面关闭弹出的窗口


关闭按钮：J.dialog.close('test7');  注：test7为打开窗口的id

3. 将文本框的值传到窗口的文本框里


传值到窗口里文本框代码：J( 'ctxt1', J.dialog.infrm['test8'].contentWindow.document ).val( J('#txt1').value );
取窗口里文本框值代码：J('#txt1').value = J( 'ctxt1', J.dialog.infrm['test8'].contentWindow.document ).val();

4. 关闭窗口并刷新或跳转调用页面


关闭并刷新调用代码：P.reload();  注：P为调用lhgdialog.html页面对象，详细使用方法看示例内容页content4.html里面。
关闭并跳转调用代码：P.reload('','http://www.sfan20.cn');

5. 关闭子窗口并刷新或跳转父窗口


刷新父窗口代码：P.reload(D.J.dialog.infrm['test10'].contentWindow);
跳转父窗口代码：P.reload(D.J.dialog.infrm['test10'],'content1.html',true);
注：详细的代码说明都在content6.html示例页里。

6. 子父窗口之间或子窗口和调用页面之间的传值


子传值父：D.J( 'txt1', D.J.dialog.infrm['test11'].contentWindow.document ).val( D.J('#txt2',document).value );
子传值调用页面代码：D.J('txt4').val( D.J('#txt2',document).value );
注：详细的代码说明都在content8.html示例页里。
传值到子窗口代码： J( 'txt2', J.dialog.infrm['child2'].contentWindow.document ).val( J('#txt4').value );

7. 创建其它按钮


调用代码：lhgdialog.opendlg( '创建其它按钮', '_content/content6.html', 400, 300 );
注：创建其它按钮的方法都在content6.html里，可打开查看。
返回首页