当前位置:编程学习 > JS >>

Extjs中更新html内容以及iframe中内容打印

工作一年多来,最近的开发,虽说前台和后台都有分工,但是大部分经历都放在前台,界面上有太多的东西需要修改和完善,调试程序更是需要更多的时间,最近的工作在用xsl写样式将xml中的内容显示在界面上,而我们的界面是基于Extjs的,这样我们就在panel中使用html属性,获取内容显示,这样就存在一个问题,当我们需要更新panel中的内容时该怎么办,换面板是一个可以实现目标的方法,但是这似乎又是很笨的方法,我们需要放两个panel在这里,在苦思冥想后,发现Extjs中的panel有更新html的方法,具体怎么实践,可以看一下例子。

如下代码:先定义panel,panel中的html是已经有内容的,其中的dataURL是个变量,需要到后台程序中取数据

                                    items: [
                                 {
                                     xtype: 'panel',
                                     title: '可视化报告',
                                     id:'InputXMLStylePanel',
                                     html:"<iframe width=100% height=100% id='InputXMLStyle'name='InputXMLStyle' src='"+dataURL+"in'/>",
                                     dockedItems: [
                                         {
                                             xtype: 'toolbar',
                                             dock: 'top',
                                             items: [
                                             {
                                              xtype:'combobox',
                                              displayField:'fileName',
                                              valueField:'fileIndexId',
                                              queryMode:'local',//
                                              id:'MsgFileName',
                                              store:MsgSingleStore,
                                              fieldLabel:'文件名称'
                                             
                                             },{
                                              xtype:'button',
                                              text:'查看',
                                              handler:function(){
                                               var fileId = Ext.getCmp('MsgFileName').getValue();

//我们通过combobox中的不同内容来改变传递到后台的参数,以便获取不同的数据显示,在这里我们就用到Ext.getCmp('id').update(html)其中id为panel的id值,html为定义的html变量,如下句中的shtml或是html

            &nbs

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,