jQuery MiniUI

标题: 不能兼容ext么？ [打印本页]
作者: wuliang19920306    时间: 2012-6-7 10:40:27     标题: 不能兼容ext么？

为什么我弹出一个面板里面加载一个html页面是出错，并且那个页面是ext的还不能用……
作者: niko    时间: 2012-6-7 11:12:11

是可以的。
miniui与任何第三方控件、框架无缝集成。
你可以把出错的示例，整理下打包上传。
我们给你分析下。
作者: wuliang19920306    时间: 2012-6-7 14:11:53

niko 发表于 2012-6-7 11:12
是可以的。
miniui与任何第三方控件、框架无缝集成。
你可以把出错的示例，整理下打包上传。

上传的文件过大？？？1M多的
作者: niko    时间: 2012-6-7 14:56:17

上传吧。
否则问题不知道在哪里。
作者: wuliang19920306    时间: 2012-6-7 14:57:11

niko 发表于 2012-6-7 14:56
上传吧。
否则问题不知道在哪里。

问题是我上传不了啊……文件过大……
作者: wuliang19920306    时间: 2012-6-7 15:19:35

wuliang19920306 发表于 2012-6-7 14:57
问题是我上传不了啊……文件过大……

要不加我QQ，我发给你1041382601
作者: niko    时间: 2012-6-7 15:19:47

我们测试了，与extjs是无缝集成的。
你是否哪些代码写错了。
作者: niko    时间: 2012-6-7 15:22:09

完整页面代码：
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title></title>
  6. </head>
  7. <body>
  8. <input id="btnEdit1" class="mini-buttonedit" />   
  9. </body>
  10. </html>
  11. <link href="http://extjs.cachefly.net/ext-3.0.3/resources/css/ext-all.css" rel="stylesheet" type="text/css" />              
  12. <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.3/adapter/ext/ext-base.js"></script>
  13. <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.3/ext-all.js"></script>

  15.     <script src="../../scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
  16.     <script src="../../scripts/miniui/miniui.js" type="text/javascript"></script><link href="../../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
  17.     <link href="../../scripts/miniui/themes/icons.css" rel="stylesheet" type="text/css" />

  19. <script type="text/javascript">
  20.     //创建ext面板
  21.     var viewport = new Ext.Viewport({
  22.         layout: 'border',
  23.         items: [
  24.     new Ext.BoxComponent({
  25.         region: 'north',
  26.         height: 32,
  27.         autoEl: {
  28.             tag: 'div',
  29.             html: '<b style="padding:8px;">Ext甘特图集成示例</b>'
  30.         }
  31.     }),
  32.     new Ext.TabPanel({
  33.         region: 'center', //部署的区域，参考上图，center是中间显示页面区域
  34.         autoScroll: true,
  35.         animScroll: true,
  36.         resizTabs: true,
  37.         enableTabScroll: true,
  38.         activeTab: 0,
  39.         deferredRender: false,
  40.         defaults: {
  41.             autoScroll: true
  42.         },
  43.         tabMargin: 0,
  44.         items: [
  45.             new Ext.BoxComponent({
  46.                 id: "extwrap",
  47.                 title: "ExtJS",
  48.                 region: "center"
  49.             }
  50.             )
  51.         ]

  53.     })
  54.     ]
  55.     });

  57.     mini.parse();
  58.     var extControl = Ext.get("extwrap");
  59.     var btnEdit1 = mini.get("btnEdit1");

  61.     btnEdit1.render(extControl.dom);
  62. </script>
复制代码
作者: wuliang19920306    时间: 2012-6-7 15:47:19

niko 发表于 2012-6-7 15:22
完整页面代码：

可是我这里确实是不行额，单独运行那个ext页面好好的啊，可是加载到miniui中就说Ext什么的为空或不是对象，我还以为是js，css没引用到，结果把所有的都引入到miniui的界面上，运行还是报那个错……求高手解决一下，很急啊……头都大了……
作者: niko    时间: 2012-6-7 16:30:51

你做一个html页面，能重现问题。
miniui和extjs的js和css，不用打包。
这样体积很小，上传就好了
作者: wuliang19920306    时间: 2012-6-7 17:19:02

niko 发表于 2012-6-7 16:30
你做一个html页面，能重现问题。
miniui和extjs的js和css，不用打包。
这样体积很小，上传就好了 ...

我想请问……miniui中打开一个div，div中加载的是另外一个页面，那miniui中会对打开的那个页面起作用么？会有冲突什么的吗？
作者: niko    时间: 2012-6-8 08:38:20

当然不会。
iframe之间是互补影响的。



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2