jQuery MiniUI

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

MultiSelectGridWindow.html 例子问题 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-11-17 11:56:25 |只看该作者 |倒序浏览
buttonedit控件弹出多选菜单树,例子是MultiSelectGridWindow.html,我现在通过java后台动态生成json数据,这时候应该怎样加载action呢,是直接在mini-tree的div中直接写属性url="aa.action"还是js中tree.load("aa.action");这两种方式我这里都不可以

Rank: 8Rank: 8

沙发
发表于 2014-11-17 12:04:20 |只看该作者
请仔细检查你这个url返回的数据是否正确

Rank: 3Rank: 3

板凳
发表于 2014-11-19 11:13:50 |只看该作者
felt 发表于 2014-11-17 12:04
请仔细检查你这个url返回的数据是否正确

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=utf-8"%>
<%@ include file="/commons/taglibs.jsp" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title>角色权限</title>
<!-- 表单验证js -->
<script src="${ctx}/js/validation/validation.js" type="text/javascript" ></script>
</head>
<body>
            <div class="mini-fit">
                <ul id="tree1" class="mini-tree" style="width:100%;height:100%;"  showTreeIcon="true" textField="text" idField="id" parentField="pid" resultAsTree="false"  
            showCheckBox="true" checkRecursive="true"
            expandOnLoad="true" allowSelect="false" enableHotTrack="false"  >
                </ul>
                </div>
        <div class="mini-toolbar" style="text-align:center;padding-top:8px;padding-bottom:8px;"
        borderStyle="border-left:0;border-bottom:0;border-right:0;">
        <a class="mini-button" style="width:60px;" onclick="onOk()">确定</a>
        <span style="display:inline-block;width:25px;"></span>
        <a class="mini-button" style="width:60px;" onclick="onCancel()">取消</a>
    </div>
       

</body>
        <script type="text/javascript">
                mini.parse();
                var tree = mini.get("tree1");
                var data = [{"id":"1","text":"ff","pid":"0"},{"id":"0","text":"xx"}] ;
                //tree.setUrl("${ctx}/super/superUser!showTree.action");
                tree.loadData(data);
                //tree.load();
                var id;
                function CloseWindow(action) {
           
            if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
            else window.close();            
        }
         function onCancel(e) {
            CloseWindow("cancel");
        }
                function SetData(data){
                        data = mini.clone(data);
                    var remark = data.data;
                    var idList = [];
                        var array = remark.split(",");
            for(var i=0;i<array.length;i++){
                    var menuId = array;
                    idList = menuId;
            }
            
            tree.setValue(idList);
            

                }
                function nodecheck(node){
                        var pnode=tree.getParentNode (node);
                if(pnode==undefined||pnode==null){
        
                return false;
                }
        
                var nodearr=tree.getChildNodes ( pnode );
                        var isChecked=false;
                for(var i=0;i<nodearr.length;i++){
                  if(tree.isCheckedNode ( nodearr )){
             isChecked=true;
             break;
          }
        }
         if(isChecked){         
          tree.checkNode (pnode);
          }
         
        nodecheck(pnode);  
        }

        function onNodeCheck(e){
         var node=e.node;
      nodecheck(node);
        }
               
        function onOk(){
                        var node = tree.getSelectedNode();
                //if (node && tree.isLeaf(node) == false) {
           // alert("不能选中父节点");
           // return;
        //}
        
        CloseWindow("ok");
        }
    function GetCheckedNodes() {
        var nodes = tree.getCheckedNodes();
        return nodes;
    }
    function GetData() {
         var nodes = tree.getCheckedNodes();
        var ids = [], texts = [];
        for (var i = 0, l = nodes.length; i < l; i++) {
            var node = nodes;
            ids.push(node.id);
            texts.push(node.text);
        }
        var data = {};
        data.id = ids.join(",");
        data.text = texts.join(",");
        return data;
    }
        function onNodeCheck(e){
         var node=e.node;
      nodecheck(node);
        }

        </script>
</html>


       

Rank: 3Rank: 3

地板
发表于 2014-11-19 11:14:39 |只看该作者
本帖最后由 覆霜雪 于 2014-11-19 11:17 编辑
覆霜雪 发表于 2014-11-19 11:13
角色权限

代码贴上来了 我仔细检查了json数据 没有问题,而且用过了例子中所有的加载数据方法 页面都不能展示多选树主页面弹出增加角色页面,其中buttonedit弹出多选菜单树页面
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

5#
发表于 2014-11-19 11:31:36 |只看该作者
覆霜雪 发表于 2014-11-19 11:14
代码贴上来了 我仔细检查了json数据 没有问题,而且用过了例子中所有的加载数据方法 页面都不能展示多选树 ...

mini-fit父元素没高度
html,body{
  height:100%;width:100%;
}

Rank: 3Rank: 3

6#
发表于 2014-11-19 13:44:39 |只看该作者
dforce 发表于 2014-11-19 11:31
mini-fit父元素没高度
html,body{
  height:100%;width:100%;

可以了 原来是样式问题 谢谢了

Archiver|普加软件

GMT+8, 2024-7-5 22:13 , Processed in 1.061395 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部