jQuery MiniUI

标题: Inline DetailTabs 内嵌tabs表单显示数据问题 [打印本页]

作者: mxh0728 时间: 2014-5-16 14:39:50 标题: Inline DetailTabs 内嵌tabs表单显示数据问题

通过内嵌Tabs表单在table中显示数据，2 问题：form.setData(o);
1.在执行上述form赋值后，在table中如何能够显示图片格式；
2.默认显示需要通过form相关显示出来：<input name="username" class="mini-textbox"/>
有什么好办法能够直接显示"username",不要文本框呢？就像我们php直接<?echo $username;?>这样？
求教大侠！

作者: factory 时间: 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;"/>

作者: mxh0728 时间: 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'/>";
         }

作者: felt 时间: 2014-5-16 17:10:25

mxh0728 发表于 2014-5-16 16:58
无边框的功能解决了，感谢！
第一个问题，根据您说的方法：
我的html如下：（这块儿具体要怎么写？因为我是 ...

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

作者: mxh0728 时间: 2014-5-16 17:33:42

您上面教的应该是控制本身grid的，我是想控制内嵌表单的图片显示方式，咋写，包括上面提及的"td"里的调用方法？

作者: factory 时间: 2014-5-16 17:42:06

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

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

作者: mxh0728 时间: 2014-5-16 17:43:49

好，好的，谢谢！

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