jQuery MiniUI

标题: 传值的问题 [打印本页]

作者: mylaoying 时间: 2013-3-20 17:12:09 标题: 传值的问题

我的问题是这样的：
我左侧是树，左侧传递一个Id，右侧根据Id过滤数据并显示(默认显示a.html)。
右侧有一个下拉菜单：A（链接a.html)
B（链接b.html)
C（链接c.html)
选择A，右侧链接到a.html，再点击左侧的树，右侧也链接到a.html。
选择B，右侧链接到b.html，再点击左侧的树，右侧也链接到b.html。
选择C，右侧链接到c.html，再点击左侧的树，右侧也链接到c.html。

请问如何实现？如何更好的处理数据过滤及页面选择记忆？

作者: factory 时间: 2013-3-21 09:30:59

这些都有demo的
左侧树，加载右侧内容的话
http://miniui.com/demo/tree/navtree.html
或者直接看我们的demo页面，就是左边数，点击不同节点，加载不同页面

右侧是个下拉菜单，点击加载不同页面
http://miniui.com/demo/#src=menu/menubar.html

作者: mylaoying 时间: 2013-3-25 14:21:11

factory 发表于 2013-3-21 09:30
这些都有demo的
左侧树，加载右侧内容的话
http://miniui.com/demo/tree/navtree.html

你好，还有点不太明白。
主要问题就是参数的值如何取得。

我的页面是这样的，分左右部分，左侧是树，右侧是嵌套的iframe。
我点击左侧的节点，给iframe加载的链接是这样的aa.html?nodeid=123;
哪我在右侧的aa.html页面里如何取得nodeid的值123呢。

作者: mylaoying 时间: 2013-3-25 14:26:08

factory 发表于 2013-3-21 09:30
这些都有demo的
左侧树，加载右侧内容的话
http://miniui.com/demo/tree/navtree.html

这样设计，还有一个问题，如何父子之间传递参数值及接收参数值。

作者: factory 时间: 2013-3-25 14:29:12

mylaoying 发表于 2013-3-25 14:26
这样设计，还有一个问题，如何父子之间传递参数值及接收参数值。

通过父子页面调用对方的方法的方式传递参数
父页面的值传递到子页面，通过调用子页面的方法
通过iframe.contentWindow.XXX(data) XXX()是子页面的某个方法
http://www.miniui.com/demo/#src=datagrid/datagrid.html 查看这个demo的编辑

子页面的值传递到父页面，通过调用父页面的方法
window.Owner.XXX(data) XXX()是父页面的某个方法

作者: mylaoying 时间: 2013-3-25 15:14:21

factory 发表于 2013-3-25 14:29
通过父子页面调用对方的方法的方式传递参数
父页面的值传递到子页面，通过调用子页面的方法
通过iframe.c ...

你好，你这是类似打开窗口的父子传值与接收。

我把代码贴出来你看下，版主。

如何在Contact.html或者account.html或者search.html接收参数id的值。

<!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>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="../scripts/base.js" type="text/javascript"></script>
</head>
<body>
<div class="mini-splitter" style="width:100%;height:100%;">
<div showCollapseButton="true" size="220" maxSize="300" minSize="220">
      <div class="mini-toolbar" style="border-top:0;border-right:0;border-left:0">
         <a class="mini-button" iconCls="icon-addnew" plain="true" onclick="add()">新建</a>
         <a class="mini-menubutton" plain="true" menu="#popupMenu1">操作</a>
         <ul id="popupMenu1" class="mini-menu" style="display:none;">
            <li iconCls="icon-001">修改</li>
            <li iconCls="icon-004" >合并</li>
            <li iconCls="icon-006" >迁移</li>
         </ul>
         <a class="mini-button" iconCls="icon-reload" plain="true" onclick="javascript:refresh();">刷新</a>
      </div>
      <div class="mini-fit">
         <ul id="tree1" class="mini-tree" url="../Service/AjaxService.aspx?method=LoadTree" style="width:100%;height:100%;"
            showTreeIcon="true" textField="Name" idField="AccountId" parentField="ParentAccountId" resultAsTree="false">
         </ul>
      </div>
</div>
<div showCollapseButton="true" bodyStyle="overflow:hidden;" style="border:solid 0;">
      <iframe id="frm" name="frm" frameborder="0" width="100%" height="100%" scrolling="no" src="Contact.html?id=000"></iframe> </div>
</div>

<script type="text/javascript">
      mini.parse();

      //为下面脚本备用
      var tree = mini.get("tree1");

      var type = "";
      //为tree绑定事件
      tree.on("nodeselect", function (e) {
         var url = "";
         if (type == "1") {
            url = "Contact.html?id=123";
         }
         else if (type == "2") {
            url = "Account.html?id=123";
         }
         else if (type == "3") {
            url = "Search.html?id=123";
         }
         else {
            url = "Contact.html?id=123";
         }
         //$("#frm").attr("src", url);
      });

      function setType(t) {
         type = t;
      }
</script>
</body>
</html>

作者: mylaoying 时间: 2013-3-25 15:18:42

factory 发表于 2013-3-25 14:29
通过父子页面调用对方的方法的方式传递参数
父页面的值传递到子页面，通过调用子页面的方法
通过iframe.c ...

脚本的方式的传递与接收我知道。我就想知道咱们这个框架里如何去传递与接收。

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