jQuery MiniUI

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

Inline DetailTabs 内嵌tabs表单显示数据问题 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2014-5-16 14:39:50 |只看该作者 |倒序浏览
通过内嵌Tabs表单在table中显示数据,2 问题:form.setData(o);
1.在执行上述form赋值后,在table中如何能够显示图片格式;
2.默认显示需要通过form相关显示出来:<input name="username" class="mini-textbox"/>
有什么好办法能够直接显示"username",不要文本框呢?就像我们php直接<?echo $username;?>这样?
求教大侠!

Rank: 8Rank: 8

沙发
发表于 2014-5-16 15:50:07 |只看该作者
1.监听表格ondrawcell事件,在你需要显示图片的单元格的cellHtml 内,放上一个<img /> src = 你的form中的图片路径的值.
自定义绘制单元格内容的例子:http://www.miniui.com/demo/#src=datagrid/drawcell.html
在form.setData()之后,执行下
var  row  = grid.getSelected();  //展开明细,这一行必定会被选中
grid.updateRow(row)
让表格这一行,重新渲染下,这样可以让img的src等于到你的form中指

2 <input name="username" class="mini-textbox" borderStyle="border:0;"/>

Rank: 1

板凳
发表于 2014-5-16 16:58:39 |只看该作者
无边框的功能解决了,感谢!
第一个问题,根据您说的方法:
我的html如下:(这块儿具体要怎么写?因为我是td,不是div)
<td >
<input type="image" name="pic"/>
</td>

js:
在 form.setData(o);后我加如下入:       
        var  row  = grid.getSelected();  //展开明细,这一行必定会被选中
        grid.updateRow(row)
        grid.on("drawcell", function (row) {
         var record = row.record;
                        if(value=="pic"){//条件如何设置呢?
                                  e.cellHtml = "<img src='"+row.pic+"' width='300' height='200'/>";
            }

Rank: 8Rank: 8

地板
发表于 2014-5-16 17:10:25 |只看该作者
mxh0728 发表于 2014-5-16 16:58
无边框的功能解决了,感谢!
第一个问题,根据您说的方法:
我的html如下:(这块儿具体要怎么写?因为我是 ...

var field=e.field
if(field=="xxx") //对应你的那列的field

Rank: 1

5#
发表于 2014-5-16 17:33:42 |只看该作者
您上面教的应该是控制本身grid的,我是想控制内嵌表单的图片显示方式,咋写,包括上面提及的"td"里的调用方法?

Rank: 8Rank: 8

6#
发表于 2014-5-16 17:42:06 |只看该作者
mxh0728 发表于 2014-5-16 17:33
您上面教的应该是控制本身grid的,我是想控制内嵌表单的图片显示方式,咋写,包括上面提及的"td"里的调用方 ...

表单里面,你自己放个<img>标签,然后把你的图片路径值给他就好了,miniui目前没有处理图片的控件,直接用html的<img/>

Rank: 1

7#
发表于 2014-5-16 17:43:49 |只看该作者
好,好的,谢谢!

Archiver|普加软件

GMT+8, 2025-1-17 05:51 , Processed in 1.034468 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部