工具条按钮分布问题

xchw0329

通过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

直接生成不能控制里面控件的布局
可以动态添加
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

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

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

dforce

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

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

xchw0329

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

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

felt

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

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

xchw0329

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

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

dforce

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

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

xchw0329

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

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