页面设计和用户体验问题，聆听高手指导！！！

我的页面如下图所示：在点击 查看 的时候，要查看GridView中所选中的项的详细信息，有2中方式：
方式一：跳转到另外一个页面中去查看
方式二：在当前页面弹出一个模态窗口或者div窗口查看详细我的理解是方式一开发简单，但是用户体验差；方式二开发复杂（至少我不会），用户体验好各位高手，你们是怎么做的？ 哪种方式用户更喜欢？
要是知道方式二是怎么做的，也请高手指教。谢谢！！！

解决方案 »

  1.   

    方式二查看我还可以勉强用模态窗口实现了，但是要是添加、修改等就让我这个不太会JavaScript的菜鸟吃不消了！！！
      

  2.   

    当然是弹出一个div好!!即时反应哦!!
      

  3.   

    其实首先就你这个页面来讲。
    不应该药查看按钮，而只是在产品编号那一列加个链接，点击实现查看信息。而标题头的选择，而应换成一个checkbox，实现全选。而checkbox这一些能实现多选 ，主要是用于删除。--
    而你说这个查看信息到底用页面转向还是弹出模态窗口（这两个是一个道理，技术上而言）--
    如果说用div模拟窗口可能用户体验好点。--
    如果信息简单的话，我建议弹出模态窗口，建议顺序，弹模态，转向页面，div模拟。div模拟开发比较麻烦，而且效果不一定 尽人意。注意下样式就可以了。
      

  4.   


    没有父页面这个概念，既然是div，就是同一个页面，只是实现div的隐藏和现实。
      

  5.   

    而且再做好点的话，可能需要异步去取数据，填充数据到div
      

  6.   

    jxyxhz(小虎)：弹出模态窗口跟父页面交互实在是让我很头疼，关键是我没系统学习JavaScript，也不了解模态窗口跟父页面的交互原理 
      

  7.   

    弹出模式窗口如div,jwindow显示详细信息或ext js等控件
      

  8.   

    当然是div弹出效果比较好啦，我都是这么干的原理就是一个div显示隐藏另外，checkbox列的标题行，放个checkbox显示全选设计成点击该行某字段就弹出div，如查看
      

  9.   

    http://topic.csdn.net/u/20090811/23/a0812cf7-4989-408b-b73c-ad6faf458369.html
      

  10.   

    lijing3333(我容易么...) ：我没做过弹出div，呵呵，菜鸟了
    我想知道大家做这个都是怎么做的，我们这就我一个做这个项目，没人可参考，也没人可问
      

  11.   

    没什么难的。
    在关闭弹出的模态窗口的时候，js给附一个returnValue就可以了，这个returnValue可以是字符串，也是可以是json格式。str =window.showModalDialog("test.htm",,"dialogWidth=200px;dialogHeight=100px");str就等于test页面关闭后返回的returnValue了。可以搜索showModalDialog这个函数。参考
      

  12.   


    恩，div是不是要用jQuery？
      

  13.   

    jxyxhz(小虎)： 关闭模态窗口回到父页面后，如何让gridview还是打开模态窗口前的那一页啊？你真好，我记住你了
      

  14.   

    http://blog.zol.com.cn/771/article_770617.html
    这个东东，应该能解决你的问题
      这个是方案二。
      

  15.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <style type="text/css">
    #aa {height:300px; width:300px; position:absolute; background-color:#09C;}
    </style>
    <script type="text/javascript">
    function fun(){
    var bb = document.getElementById('aa'); if(bb.style.display == "none")
    {
    bb.style.display="block";
    }
    else{
    bb.style.display="none";
    }
    }
    </script>
    <body>
    <a href="#" onclick="fun()">我出来了</a>
    <div id="aa" style="display:none;">123</div>
    </body>
    </html>showModalDialog  很好。 就是麻烦一些！！
      

  16.   

    str =window.showModalDialog("test.htm",,"dialogWidth=200px;dialogHeight=100px"); 关闭后，他自动回继续执行这行下的js代码，也就是这个str已经有值了，下面的js可以利用这个str变量。
      

  17.   


    那我如何控制gridview回到以前那一页？
      

  18.   


    我帮你问哈 我也有这个问题！！哈哈  借你的分！
      var sRet = window.showModalDialog('love.html','title','scrollbars=no;resizable=yes;help=no;status=no;center:yes;dialogHeight=350px;dialogwidth=410px;');
            if(sRet == "refresh") 
            {
                window.location.reload();
            }  小虎这句是不是有问题？ 
    if(sRet == "refresh") 
            {
                window.location.reload();
            }  
    这句是不是说 原来的页面当sRet 有値的时候 页面刷新？  但是我运行这个 原来的页面并没刷新啊！！
      

  19.   

    那你弹下这个sRet是否等于refresh呢。alert(sRet);
    alert(sRet == "refresh");
    window.location.href = window.location.href;//这句好像也是刷新吧。
      

  20.   

    方式二好，类似于CS程序。。
    可以用Ajax的ModalPopup控件实现，挺简单的！
      

  21.   


    关键是刷新后如何才能回到GridView打开模态窗口前的那一页呢？
      

  22.   

    参考www.cnblogs.com/mail-ricklee中的FortuneBase也许可以提高你的开发效率
      

  23.   

    用一个div隐藏显示..里面是一个框架