问EasyUI的动态布局
EN

Stack Overflow用户

提问于 2015-02-27 23:01:37

回答 1查看 1.3K关注 0票数 1

使用jQuery和EasyUI，我想知道如何动态创建布局。以下是我的尝试；然而，它似乎不起作用：

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>CTest Site</title>
        <link rel="stylesheet" type="text/css" href="app/lib/jquery-easyui/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="app/lib/jquery-easyui/themes/icon.css">                
        <script data-main="app/app" src="app/lib/require-js/require.js"></script>
    </head> 
    <body></body>
</html>

我的app.js

requirejs.config({
    "baseUrl": "app/lib",
    "paths": {
      "app": "/app",
      "jquery": "//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min",
      "easyui": "jquery-easyui/jquery.easyui.min"
    }
});
define(["jquery"], function($){ 
    require(["easyui"],function(){
        require(["app/views/viewport"],function(){
        });
    });
});

我的viewport.js

//Layout the page
$('body').addClass("easyui-layout");
$('body').append("<div id='spa-head' data-options=\"region:'north'\"></div>");
$('body').append("<div id='spa-west' data-options=\"region:'west',width:300,split:true\"></div>");
$('body').append("<div id='spa-cntr' data-options=\"region:'center',title:'CENTER'\"></div>");

页面应该已经呈现了一个包含北、西和中心区域的布局。中间的面板会有标题，而西边的面板会有一个可调整大小的拆分器。相反，页面是空白的，即使我可以看到在控制台中呈现的正确元素。

jquery-easyui

jquery

回答 1

Stack Overflow用户

发布于 2015-03-03 16:28:17

将文档上的布局初始化为

 $('body').layout();

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28768046

复制

相似问题

问EasyUI的动态布局
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问EasyUI的动态布局EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问EasyUI的动态布局
EN