jQuery MiniUI

标题: miniUI怎么实现 导航菜单？导航菜单点击后的效果怎么设置？ [打印本页]
作者: jsj05514    时间: 2013-1-7 16:44:28     标题: miniUI怎么实现 导航菜单？导航菜单点击后的效果怎么设置？

[attach]1230[/attach]

我用miniUI的
<ul id="menu1" class="mini-menubar" style="width:100%;"
               url="/qryusermenu.do？command=qryUserMenuList" textField="text" idField="id" parentField="pid">
</ul>

已经实现了这样的菜单了，但是发现点击完了后没有留痕，没有保留住当前的所在位置。  
    （上图中的白色是人家的点击效果。我想仿造！）

求教如何是好？？？
作者: factory    时间: 2013-1-7 16:57:52

本帖最后由 factory 于 2013-1-7 16:59 编辑

1.给menubar加上属性 allowSelectItem="true"就可以了

2.直接用toolbar来做，里面放上radiobutton
参考代码：
  1. <div id="toolbar1" class="mini-toolbar" style="padding:2px;">
  2.     <a id="btn_Google" checkOnClick="true" groupName="search" class="mini-button"  >Google</a>
  3.     <a id="A1" checkOnClick="true" groupName="search" class="mini-button"  >百度</a>
  4.     <a id="A2" checkOnClick="true" groupName="search" class="mini-button"  >雅虎</a>
  5.     <span class="separator"></span>
  6.     <a id="A5" checkOnClick="true" groupName="search" class="mini-button"  >新浪</a>
  7. </div>
复制代码


作者: jsj05514    时间: 2013-1-7 17:39:31

factory 发表于 2013-1-7 16:57
1.给menubar加上属性 allowSelectItem="true"就可以了

2.直接用toolbar来做，里面放上radiobutton

toolbar 中的数据可以来源于动态的json串吗？我的菜单是在后台数据库动态配置的。
作者: factory    时间: 2013-1-7 17:40:25

jsj05514 发表于 2013-1-7 17:39
toolbar 中的数据可以来源于动态的json串吗？我的菜单是在后台数据库动态配置的。 ...

你直接用我说的第一种方法吧
作者: jsj05514    时间: 2013-1-8 15:05:42

factory 发表于 2013-1-7 17:40
你直接用我说的第一种方法吧

请问，这个导航栏能设置默认选中哪一个的动作吗？怎么去做呢？请教，谢谢！
作者: factory    时间: 2013-1-8 15:41:18

jsj05514 发表于 2013-1-8 15:05
请问，这个导航栏能设置默认选中哪一个的动作吗？怎么去做呢？请教，谢谢！ ...

menubar.setSelectedItem(index或者id)



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