jQuery MiniUI

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

一个表格中,点击某行的某个cell,弹出一个view窗口 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2015-5-24 16:51:59 |只看该作者 |倒序浏览
例如我点击 那个张伟,弹出一个view panel 显示姓名为张伟的所有员工账号及详细信息,就是说所有text都是readonly的

这种控件是哪个,或者怎么写
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2015-5-24 21:15:41 |只看该作者
你可以监听表格的oncellclick事件,弹出一个mini.open或mini-window之类的弹出框

Rank: 2

板凳
发表于 2015-5-25 23:31:09 |只看该作者
本帖最后由 guan 于 2015-5-25 23:33 编辑
felt 发表于 2015-5-24 21:15
你可以监听表格的oncellclick事件,弹出一个mini.open或mini-window之类的弹出框

解决了,是这样的 ,姓名那一列都是超链接,我用了grid.on("drawcell", function (e) {
  var record = e.record,
        column = e.column,
        field = e.field,
        value = e.value;

//action列,超连接操作按钮
    if (column.name == "action") {
        e.cellStyle = "text-align:center";
        e.cellHtml = '<a href="javascript:search(\'' + record.name + '\')">record.name</a>  '
    }
}

但是又有个问题 ,跳转到 show.jsp, 为什么没有在进入页面就触发页面grid1绑定的action,以表格显示数据
我的这个search方法是这样写的
function search(wjm){
         mini.open({
                        url:  "${pageContext.request.contextPath}/pages/dj/show.jsp",
                        title: "上传原始报销凭证查看", width: 800, height: 500,
                        onload: function () {
                                var iframe = this.getIFrameEl();
                                var data = {sname:name};
                                iframe.contentWindow.setData(data);
                        },
                        ondestroy: function (action) {
                                grid.reload();
                        }
                });        
         
    }
在show.jsp 里

<div id="grid1" class="mini-datagrid" style="width:100%;height:100%;"
            idField="id" allowResize="true"  url="${pageContext.request.contextPath}/dj/show.action"
            borderStyle="border-left:0;border-right:0;"  >
            <div property="columns">
                <div type="indexcolumn" ></div>
                <div field="sname" width="120" headerAlign="center" allowSort="true">员工名称</div>  
                <div field="id" width="120" headerAlign="center" allowSort="true">ID号</div>  
<div field="id" width="120" headerAlign="center" allowSort="true">员工号</div>  
            </div>
        </div>
<javascript>
mini.parse();
                function setData(data) {
                        //跨页面传递的数据对象,克隆后才可以安全使
                        data = mini.clone(data);
                        form.setData(data);
                        var sname= data.sname;
                         var grid = mini.get("grid1");   
    //动态设置URL
    grid.load({sname:sname});
                }
</javascript>
js

Rank: 2

地板
发表于 2015-5-25 23:40:36 |只看该作者
还有,我想提点意见,我觉得你们动态展示界面除了前台码,能否贴点后台的码,因为有时候可能传到前台的数据一点不对,比如类型,格式什么就影响显示,所以为了更好的分析错误和使用我觉得为什么不贴一点呢?看过primeface,觉得他们这点做的挺好,根本不用看什么API, 就是示例和贴出来的代码,所见即用,学习成本非常小。

Rank: 8Rank: 8

5#
发表于 2015-5-26 09:09:06 |只看该作者
guan 发表于 2015-5-25 23:40
还有,我想提点意见,我觉得你们动态展示界面除了前台码,能否贴点后台的码,因为有时候可能传到前台的数据 ...

我们提供的试用开发包中例子都是有后台的,你可以参考一下

Archiver|普加软件

GMT+8, 2024-9-29 19:21 , Processed in 1.049040 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部