jQuery MiniUI

标题: 工具条按钮分布问题 [打印本页]

作者: xchw0329 时间: 2015-3-2 16:08:25 标题: 工具条按钮分布问题

通过js的方法设置toolbar的controls来增加按钮，现在有2个按钮，我想让左右各一个，请问该怎么做？
红色部分的type应该填什么？
mini.parse();
      var nToolbar = new mini.ToolBar();
      nToolbar.set({
         id: "C001Tool",
         style: "padding:2px;",
         borderStyle: "border:0",
         controls: [{ type: "button", text: "测试", plain: "true" }, { type: " ",style:"white-space:nowrap;"}, { type: "button", iconCls: "icon-add", plain: "true", tooltip: "首条"}]
      });
      nToolbar.render(document.body);

作者: dforce 时间: 2015-3-2 17:03:07

直接生成不能控制里面控件的布局
可以动态添加
var el = nToolbar.getEl();
var s = '<table style="table-layout:fixed;width:100%;padding:0;margin:0;"><tr><td style="width:100px"><a class="mini-button">测试</a> </td><td style="width:100%;text-align:right"><a class="mini-button" iconCls="icon-add"></a></td></tr></table>';
$(el).append(s)
mini.parse(s)

作者: xchw0329 时间: 2015-3-2 17:24:45

dforce 发表于 2015-3-2 17:03
直接生成不能控制里面控件的布局
可以动态添加
var el = nToolbar.getEl();

现在问题是只能用js的形式写，html标签式的写法不合适。
没有一种控件是像ext里的tbfill的吗？

作者: dforce 时间: 2015-3-2 17:28:07

xchw0329 发表于 2015-3-2 17:24
现在问题是只能用js的形式写，html标签式的写法不合适。
没有一种控件是像ext里的tbfill的吗？ ...

我们的toolbar只是一个简单容器，没有复杂功能

作者: xchw0329 时间: 2015-3-2 17:34:11

dforce 发表于 2015-3-2 17:28
我们的toolbar只是一个简单容器，没有复杂功能

容器的一个重要功能不就是对里面的控件进行布局吗？

作者: felt 时间: 2015-3-3 09:32:00

xchw0329 发表于 2015-3-2 17:34
容器的一个重要功能不就是对里面的控件进行布局吗？

是个简单的类似div容器，请放入布局元素或css来控制内部元素位置

作者: xchw0329 时间: 2015-3-3 11:19:56

felt 发表于 2015-3-3 09:32
是个简单的类似div容器，请放入布局元素或css来控制内部元素位置

[attach]5889[/attach]这是网格的分页，我想把红框中的按钮都去掉怎么做？其他的信息都能隐藏，就这4个按钮没找到隐藏的方法啊。

作者: dforce 时间: 2015-3-3 11:40:51

xchw0329 发表于 2015-3-3 11:19
这是网格的分页，我想把红框中的按钮都去掉怎么做？其他的信息都能隐藏，就这4个按钮没找到隐藏的方法啊 ...

你不需要分页的话，可以用showPager="false"隐藏掉整个分页
如果你要保留分页，只能用css来控件那4个按钮
.mini-pager-first{
display:none;
}

作者: xchw0329 时间: 2015-3-3 11:45:42

dforce 发表于 2015-3-3 11:40
你不需要分页的话，可以用showPager="false"隐藏掉整个分页
如果你要保留分页，只能用css来控件那4个孔钮 ...

我是需要分页来显示一些自己添加的按钮，但是不需要本来存在的那些东西，那我只能通过css试试了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)