zoukankan      html  css  js  c++  java
  • easy ui 自己主动生成accordion不能自适应父容器问题

    用easy-ui的accordion,用json自己主动生成时,不能自适应父容器。代码例如以下:

    (document).ready(function(){
            $.ajax({  
                type: 'POST',
                dataType: "json",
                url:'getmenu.action',
                success: function(data){
                    $.each(data,function(i,item){
                        $('#menu').accordion('add',{
                        title: item.menu_name,
                            content: '苍穹龙骑',
                            iconCls: "icon-ok"
                        });
                    });
                   
                }
            }); 
          
           
            /*$('#menu').accordion({
                onSelect: function(title,index){
                    $("ul[name='"+title+"']").tree({
                        url: 'menu/getModules?menuName='+title
                    });
                    alert(title);
                }
            }); */   
        });

    HTML:

    <div data-options="region:'west',split:true" title="导航菜单" style="180px;">
    <div  id="menu" class="easyui-accordion" data-options="fit:true,border:false"></div>
    </div>

    注意红色部分。id为menu时。不知道与easyui自己定义的id是否产生冲突了。无论怎样设置fit属性均不能填满父容器,改动为menuXX后问题解决

  • 相关阅读:
    利用JavaScript数组动态写入HTML数据节点
    个人项目网站,部分截图
    HTML5 JavaScript API
    简述几项关于web应用的开发技术
    最值得学习的编程语言
    使用Ajax与服务器端通信
    Ajax与用户交互的存储格式JSON
    兄弟连教育分享:用CSS实现鼠标悬停提示的方法
    移动端HTML5性能优化
    兄弟连PHP培训教你提升效率的20个要点
  • 原文地址:https://www.cnblogs.com/jhcelue/p/6812020.html
Copyright © 2011-2022 走看看