jQuery MiniUI

 找回密码
 立即注册
查看: 3675|回复: 9
打印 上一主题 下一主题

grid-tooltip [复制链接]

Rank: 6Rank: 6

跳转到指定楼层
楼主
发表于 2020-12-2 10:43:28 |只看该作者 |倒序浏览
本帖最后由 哎呀 于 2020-12-2 10:46 编辑

http://www.miniui.com/demo/#src=tooltip/grid.html
这个案例,员工账号能否做成"button"类型的?既可以实现“tooltip”功能,还可以点击链接功能?
grid.column.type 是不是没有"button"类型的?

Rank: 8Rank: 8

沙发
发表于 2020-12-2 12:20:37 |只看该作者
没有button类型,可以绘制成超链接,点击触发事件

Rank: 6Rank: 6

板凳
发表于 2020-12-2 17:14:13 |只看该作者
felt 发表于 2020-12-2 12:20
没有button类型,可以绘制成超链接,点击触发事件

onopen: function (e) {
            var el = e.element;
            var id = el.id;
            if (id) {
                this.showLoading();
                $.ajax({
                    url: "../data/AjaxService.aspx?method=GetEmployee",
                    data: { id: id },
                    async: true,
                    success: function (text) {
                        //模拟网络延迟
                        setTimeout(function () {
                            var data = mini.decode(text);
                            var html = $("#formTemplate").tmpl(data)[0];

                            tip.setContent(html);
                        }, 300);
                    }
                });
            }
        }

我改成
onopen: function (e) {
            var el = e.element;
            var id = el.id;
            if (id) {
               var data = [{"name": "234"}];
                            var html = $("#formTemplate").tmpl(data)[0];

                            tip.setContent(html);
            }
        }

为啥出来值是空的

Rank: 8Rank: 8

地板
发表于 2020-12-2 17:19:40 |只看该作者
哎呀 发表于 2020-12-2 17:14
onopen: function (e) {
            var el = e.element;
            var id = el.id;

如图,可以的


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 6Rank: 6

5#
发表于 2020-12-2 17:25:17 |只看该作者
felt 发表于 2020-12-2 17:19
如图,可以的

那应该不是代码的问题,我这里一直都显示不了数据,也不知道为啥

Rank: 8Rank: 8

6#
发表于 2020-12-2 17:29:57 |只看该作者
哎呀 发表于 2020-12-2 17:25
那应该不是代码的问题,我这里一直都显示不了数据,也不知道为啥

打个debugger在onopen里面,调试一下

Rank: 6Rank: 6

7#
发表于 2020-12-7 11:46:00 |只看该作者
felt 发表于 2020-12-2 17:29
打个debugger在onopen里面,调试一下

<tr>
            <td style="width:80px;">姓名:</td>
            <td style="width:80px;">${name}</td>
            <td style="width:80px;">生日:</td>
            <td style="width:150px;">${birtyday}</td>
            <td style="width:80px;">薪资:</td>
            <td style="width:150px;">${salary}</td>
        </tr>
这个是你们案例的sources


<script id="formTemplate" type="text/x-jquery-tmpl">
        <table class="detailForm" style="width:100px;height: 60px;table-layout:fixed;">
                <tr>
                        <td style="width:80px;height: 60px;"></td>
                </tr>
        </table>
        </script>
这个是我的页面sources,少了${name},就是页面调试时,看不到这个参数

Rank: 6Rank: 6

8#
发表于 2020-12-7 14:45:34 |只看该作者
哎呀 发表于 2020-12-7 11:46
姓名:
            ${name}
            生日:

这个问题我已经解决了,${name}改成 {{= name}}就行了

Rank: 8Rank: 8

9#
发表于 2020-12-7 15:21:18 |只看该作者
哎呀 发表于 2020-12-7 14:45
这个问题我已经解决了,${name}改成 {{= name}}就行了

哦,是jquery.temple.js的问题
有些环境不支持${xx}这格式
https://github.com/BorisMoore/jquery-tmpl
这里有介绍他的表达式的

Rank: 6Rank: 6

10#
发表于 2020-12-7 15:40:24 |只看该作者
felt 发表于 2020-12-7 15:21
哦,是jquery.temple.js的问题
有些环境不支持${xx}这格式
https://github.com/BorisMoore/jquery-tmpl

好的  谢谢

Archiver|普加软件

GMT+8, 2024-11-26 20:33 , Processed in 1.077755 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部