jQuery MiniUI

标题: 提示问题 [打印本页]
作者: zhizuntop    时间: 2014-1-3 10:50:57     标题: 提示问题

本帖最后由 zhizuntop 于 2014-1-3 10:52 编辑

[attach]3624[/attach]节目类型弹出的是个树形控件勾选一个 数据 例如：电视版  当鼠标移动到电视版时候会有个提示（提示的类容是电视版这个父节点下面选中的子节点的数据） 这个能做吗 具体要怎样做 求指教！

作者: factory    时间: 2014-1-3 11:21:47

<input id="btnEdit1" class="mini-buttonedit" tooltip="bbb" />
var tip = new mini.ToolTip();
        tip.set({
            target: document,
            selector: '[data-tooltip], [title]',
            onopen: function (e) {
                var value = mini.get("btnEdit1").getValue();
                tip.setContent(value);    //这里自己根据value值,去获取到子节点内容,再填充到tooltip里面显示出来
            }
        });
作者: zhizuntop    时间: 2014-1-3 12:06:27

factory 发表于 2014-1-3 11:21
var tip = new mini.ToolTip();
        tip.set({
            target: document,

这个是什么版本的 出现这问题是 怎么回事 mini.ToolTip is not a constructor
作者: felt    时间: 2014-1-3 12:19:41

zhizuntop 发表于 2014-1-3 12:06
这个是什么版本的 出现这问题是 怎么回事 mini.ToolTip is not a constructor

请更新最新版
作者: zhizuntop    时间: 2014-1-3 12:47:30

felt 发表于 2014-1-3 12:19
请更新最新版

好的！ 谢谢！
作者: zhizuntop    时间: 2014-1-3 13:24:43

zhizuntop 发表于 2014-1-3 12:47
好的！ 谢谢！

这个怎么能定位到选中的是哪个父节点 这个tooltip好像定位的是整条数据
作者: zhizuntop    时间: 2014-1-3 13:25:35

felt 发表于 2014-1-3 12:19
请更新最新版

这个怎么能定位到选中的是哪个父节点 这个tooltip好像定位的是整条数据
作者: factory    时间: 2014-1-3 13:30:46

zhizuntop 发表于 2014-1-3 13:25
这个怎么能定位到选中的是哪个父节点 这个tooltip好像定位的是整条数据

是定位到buttonedit控件,不是树节点.

树节点为什么要提示下面的子节点,如果需要,直接展开看不就行了吗?
作者: zhizuntop    时间: 2014-1-3 13:52:21

factory 发表于 2014-1-3 13:30
是定位到buttonedit控件,不是树节点.

树节点为什么要提示下面的子节点,如果需要,直接展开看不就行了吗? ...

其实我也蛋疼为什么要这样 这个是客户要求  我的意思是 节目类型弹出的是个树形列表 当我选中问鼎世界（下面子节点有 电视版、现场版） 但是列表里面只显示父节点即 问鼎世界 当鼠标移动到问鼎世界时候要显示下面的子节点 并且弹出的树形控件是多选奥
作者: factory    时间: 2014-1-3 13:59:57

zhizuntop 发表于 2014-1-3 13:52
其实我也蛋疼为什么要这样 这个是客户要求  我的意思是 节目类型弹出的是个树形列表 当我选中问鼎世界（ ...

你是要鼠标移动到 buttonedit输入框中的 问鼎世界 上,还是 treeselect的 问鼎世界 这个父节点上?
作者: zhizuntop    时间: 2014-1-3 14:09:21

factory 发表于 2014-1-3 13:59
你是要鼠标移动到 buttonedit输入框中的 问鼎世界 上,还是 treeselect的 问鼎世界 这个父节点上? ...

buttonedit输入框中的 问鼎世界
作者: factory    时间: 2014-1-3 14:17:01

zhizuntop 发表于 2014-1-3 14:09
buttonedit输入框中的 问鼎世界

那就是我上面贴的代码,tooltip的onopen事件里面,获取到buttonedit的值,然后根据这个值,去获得到该值的子节点数据,然后再显示到tooltip里面
作者: zhizuntop    时间: 2014-1-3 14:23:25

factory 发表于 2014-1-3 14:17
那就是我上面贴的代码,tooltip的onopen事件里面,获取到buttonedit的值,然后根据这个值,去获得到该值的子 ...

buttonedit输入框中是多选 我现在有多个 例如 问鼎世界（子节点是现场版,电视版）极致（TV,TEVESS）这两个鼠标怎么能定位到 移动到问鼎世界时候提示现场版,电视版  移动到极致的时候显示的是TV,TEVESS 我说的是这个意思
作者: zhizuntop    时间: 2014-1-3 14:39:30

zhizuntop 发表于 2014-1-3 14:23
buttonedit输入框中是多选 我现在有多个 例如 问鼎世界（子节点是现场版,电视版）极致（TV,TEVESS）这两 ...

不用这个提示还有更好的办法吗？
作者: factory    时间: 2014-1-3 14:42:44

zhizuntop 发表于 2014-1-3 14:23
buttonedit输入框中是多选 我现在有多个 例如 问鼎世界（子节点是现场版,电视版）极致（TV,TEVESS）这两 ...

那你直接改用mini-textboxlist来做
http://www.miniui.com/demo/#src=textboxlist/textboxlist.html

这个可以区分多个选项的
然后具体的代码大概是这样
  1. var tip = new mini.ToolTip();
  2.         tip.set({
  3.             target: document,
  4.             selector: '#tbl1 .mini-textboxlist-item',     //#tbl1是textboxlist的id,如果页面上有多个textboxlist,通过id来区分,  .mini-textboxlist-item是需要提示tooltip的那个dom元素的class.
  5.             onbeforeopen: function (e) {
  6.                 e.cancel = false;
  7.             },
  8.             onopen: function (e) {
  9.                 var text = e.element.innerText;      //获取当前鼠标移动的项的文本内容

  11.                 tip.setContent(text);         //这里可以通过不同text,来给tooltip设置不同的显示内容
  12.             }
  13.         });
复制代码




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