怎么让jquery easyui中的toolbar右对齐？

Posted 2023-03-08

toolbar可以这样写：
toolbar:[
type:'menubutton',
text:'添加',
menu:"#mm"
]，那么可以通过设置属性使他右对齐吗？

这个你可能要更改 easyui 默认样式中的 menu-item 的样式来解决.

你尝试下这个犯法.

新建一个css, 要在 easyui 的当前 themes 对应的样式加载后加载本样式:

.menu-text
    text-align:right;

如果不是 .menu-text 类, 用chrome 打开, ctrl+shift+i, 查看下 Element , 找到菜单对应的 class是什么, 然后调整对应的css类

参考技术A 我的是这样弄的，不是JS添加的。可以设置float设置位置

<table id="InformationList" toolbar="#tb">
</table>
<div style="display: none;">
<!--操作按钮-->
<div id="tb">
<div style="float: left;">
<a href="#" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="javascript:;">添加</a>
<a href="#" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="javascript:;">编辑</a>
<a href="#" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="javascript:removeInformation();">删除</a> </div>

<div style="float: right">

<input id="keyword" class="easyui-searchbox" prompt="按标题查询" searcher="normalQuery" menu="#tagMenu" style="width: 350px" />

<a href="#" class="easyui-linkbutton" iconcls="icon-reload" plain="true" onclick="$('#InformationList').datagrid('reload')">
刷新</a>
<div id="tagMenu" style="width: 150px">
<div name="tag_-1" >全部</div>
</div>
</div>
</div>