grid 查看时弹出另一个页面

Decmond

你好
     现有的grid都都是如图1，我想查看具体的信息，但不想把操作按键放在“#”中，通过点击员工帐号来弹出一个新页面。这个方法在这边如何实现

效果图：图2

谢谢

factory

可以的，你直接监听表格的cellclick事件
oncellclick="XXX"

function XXX(e){
    if(e.field == "loginname"){     //判断如果点击的是“员工账号”这一列
       var record = e.record;     //获取到的是整行的数据
       ......   //然后根据整行信息，弹出一个框，具体的做法跟按键放在“#”中一样了
    }
}

Decmond

factory 发表于 2013-4-10 11:01
可以的，你直接监听表格的cellclick事件
oncellclick="XXX"

没有用：
下面是我的代码;
jsp:
<div id="online" class="mini-datagrid" style="width:100%;height:280px;"
     url='<cut value="${onlineVewUrl}" escapeXml="false"/>' idField="DEPTCODE" allowResize="true"
     pageSize="20">
    <div property="columns">
        <div field="DEPTNAME" width="80" headerAlign="center"  align="center" allowSort="true" oncellclick="show">部门名称</div>
        <div field="COUNT" width="25" headerAlign="center"  align="center" allowSort="true">人数</div>
        <%--<div name="action" width="80" headerAlign="center" align="center" renderer="onActionRenderer"
             cellStyle="padding:0;">操作
        </div>--%>
    </div>
</div>

js :
function show(e) {
        if(e.fild=="DEPTNAME"){

            var record = e.record;
            var deptcode = record.DEPTCODE;
            alert(deptcode);
            if (row) {
                var readyInfoUrl =
                        '<c:url value='alone.portal'><c:param name=".pen" value="${model.entity.name}"/><c:param name=".pmn" value="view"/><c:param name=".f" value="${portletWindow.id}"/><c:param name="action" value="showView"/></c:url>&deptcode='+deptcode;
                    mini.open({
                    url: readyInfoUrl,
                    title: "查看", width: 452, height: 335,
                    onload: function () {
                        var iframe = this.getIFrameEl();
                        var data = { action: "ready", id: row.NUM};
                    }/*,
                    ondestroy: function (action) {
                        yshgrid.reload();
                    }*/
                });

            }
         }
    }

factory

Decmond 发表于 2013-4-10 16:01
没有用：
下面是我的代码;
jsp:

oncellclick 是表格事件，加在表格上面
<div class="mini-datagrid" oncellclick=......>

Decmond

factory 发表于 2013-4-10 16:35
oncellclick 是表格事件，加在表格上面

嗯 ，可以了。但还是存在不足，当鼠标移上去时，显示的还是箭头，如何显示手的形式和加个提示

factory

Decmond 发表于 2013-4-10 17:02
嗯 ，可以了。但还是存在不足，当鼠标移上去时，显示的还是箭头，如何显示手的形式和加个提示 ...

你可以直接参考上面的“#”列是如何把单元格内容做成<a>标签的，你也这样做，在单元格的内容上加个<a>或者span都可以，
比如把单元格内容渲染成
e.cellHtml="<span style='cursor:pointer'>"+XXX+"</span>"

这样你的鼠标滑到内容上之后，就是手指的样子了

单元格的渲染，参考：http://www.miniui.com/demo/#src=datagrid/drawcell.html