jQuery MiniUI

标题: grid-tooltip [打印本页]

作者: 哎呀 时间: 2020-12-2 10:43:28 标题: grid-tooltip

本帖最后由哎呀于 2020-12-2 10:46 编辑

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

作者: felt 时间: 2020-12-2 12:20:37

没有button类型，可以绘制成超链接，点击触发事件

作者: 哎呀 时间: 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);
         }
      }

为啥出来值是空的

作者: felt 时间: 2020-12-2 17:19:40

哎呀发表于 2020-12-2 17:14
onopen: function (e) {
var el = e.element;
var id = el.id;

[attach]13061[/attach]如图，可以的

作者: 哎呀 时间: 2020-12-2 17:25:17

felt 发表于 2020-12-2 17:19
如图，可以的

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

作者: felt 时间: 2020-12-2 17:29:57

哎呀发表于 2020-12-2 17:25
那应该不是代码的问题，我这里一直都显示不了数据，也不知道为啥

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

作者: 哎呀 时间: 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}，就是页面调试时，看不到这个参数

作者: 哎呀 时间: 2020-12-7 14:45:34

哎呀发表于 2020-12-7 11:46
姓名：
${name}
生日：

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

作者: felt 时间: 2020-12-7 15:21:18

哎呀发表于 2020-12-7 14:45
这个问题我已经解决了，${name}改成 {{= name}}就行了

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

作者: 哎呀 时间: 2020-12-7 15:40:24

felt 发表于 2020-12-7 15:21
哦，是jquery.temple.js的问题
有些环境不支持${xx}这格式
https://github.com/BorisMoore/jquery-tmpl

好的谢谢

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)