jQuery MiniUI

标题: tabs控件 [打印本页]

作者: dianaly122    时间: 2014-1-17 13:45:39     标题: tabs控件

我在同一个页面的两个div中分布添加fieldset和tabs布局控件,为什么只有fieldset控件显示了,tabs导航控件不显示
作者: felt    时间: 2014-1-17 13:48:31

不会的
贴下代码

作者: dianaly122    时间: 2014-1-17 13:56:40

felt 发表于 2014-1-17 13:48
不会的
贴下代码

<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;" plain="false">
    <div title="Tab1" >
      
    </div>
    <div title="Tab2" iconCls="icon-cut" url="../../html/productprice.html" >
        
    </div>
    <div title="Tab3"  url="../../html/productprice.html">
      
    </div>
    <div title="Tab4" url="../../html/productprice.html">
     
    </div>
</div>
作者: felt    时间: 2014-1-17 14:01:21

dianaly122 发表于 2014-1-17 13:56

整个页面打包上来吧
高级模式可以上传
作者: dianaly122    时间: 2014-1-17 14:10:54

felt 发表于 2014-1-17 14:01
整个页面打包上来吧
高级模式可以上传

[attach]3788[/attach]



作者: lost    时间: 2014-1-17 14:24:01

dianaly122 发表于 2014-1-17 14:10

tabs控件代码前面有个</div>去掉试试
作者: dianaly122    时间: 2014-1-17 14:26:39

lost 发表于 2014-1-17 14:24
tabs控件代码前面有个去掉试试

不行,还是不显示
作者: felt    时间: 2014-1-17 14:40:39

dianaly122 发表于 2014-1-17 14:26
不行,还是不显示

把你页面的布局搞清楚,
在相应的位置放你的内容就是了
<div class="mini-splitter">
       <div></div>            //树
       <div>
                  <div class="mini-splitter">
                        <div></div>    //表单
                        <div></div>    //tabs   
                   </div>
       </div>
</div>
作者: dianaly122    时间: 2014-1-17 14:47:32

felt 发表于 2014-1-17 14:40
把你页面的布局搞清楚,
在相应的位置放你的内容就是了

<div class="mini-splitter">
        <div></div>            //树
        <div>
        <div><fieldset></fieldset> </div>
                 
           <div></div>    //tabs   
                  
        </div>
</div>我的布局啊,这样有问题吗
作者: factory    时间: 2014-1-17 14:56:48

dianaly122 发表于 2014-1-17 14:47
//树
        
         

你这个页面代码也太乱了吧...

另外,我发现你里面class="mini-splitter-handler"
class="mini-splitter-handler-buttons"
这些是什么?你拷贝的miniui解析之后的html结果?
你不应该这样使用啊.你这样使用,就全乱套了,你要用splitter,就完整的用一个class="mini-splitter",而不是去拷贝他解析出来之后的html,就算你拷贝出来的HTML,显示的效果,跟splitter一样,那他也不是miniui控件,只不过外型和HTML结构一样而已
作者: dianaly122    时间: 2014-1-17 15:14:24

factory 发表于 2014-1-17 14:56
你这个页面代码也太乱了吧...

另外,我发现你里面class="mini-splitter-handler"

真心的没有<div class="mini-splitter" style="width:100%;height:100%;">我的代码class=“mimi-splitter”
作者: felt    时间: 2014-1-17 15:17:08

dianaly122 发表于 2014-1-17 15:14
真心的没有我的代码class=“mimi-splitter”

那请提供你的页面
你前面上传的根本看不清
作者: dianaly122    时间: 2014-1-17 15:47:12

felt 发表于 2014-1-17 15:17
那请提供你的页面
你前面上传的根本看不清

[attach]3789[/attach]



作者: felt    时间: 2014-1-17 15:58:33

dianaly122 发表于 2014-1-17 15:47

你这次上传的是url文件?什么都看不了
请提供你的html页面
作者: lost    时间: 2014-1-17 16:17:19

dianaly122 发表于 2014-1-17 15:47

[attach]3790[/attach]下载运行看看

作者: dianaly122    时间: 2014-1-17 17:05:49

lost 发表于 2014-1-17 16:17
下载运行看看

我只能说还是不行啊
作者: plusoft_admin    时间: 2014-1-17 17:11:00

dianaly122 发表于 2014-1-17 17:05
我只能说还是不行啊

你第一次上传的页面全是这样的结构,根本看不清楚是什么 <div id="mainTabs" style="border-width: 0px; width: 100%; height: 100%; padding: 0px;" class="mini-tabs mini-tabs-position-top"><table class="mini-tabs-table" cellpadding="0" cellspacing="0">
第二次上传的是个url文件,打开是这个,还是看不清
[DEFAULT]
BASEURL=http://localhost:3971/miniui_net/demo/tree/detailgrid.html
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://localhost:3971/miniui_net/demo/tree/detailgrid.html
IDList=

请提供能重现问题的html页面,控件形式请按照我们的标签模式写class="mini-tabs" 这样的
作者: factory    时间: 2014-1-17 17:11:14

dianaly122 发表于 2014-1-17 17:05
我只能说还是不行啊

[attach]3791[/attach]





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