2015-02-27 5 views
1

Использование jQuery и EasyUI, я хотел бы знать, как динамически создавать макет. Следующей является моя попытка; однако, не появляется на работу:Динамический макет для 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>"); 

Страница должна быть оказана раскладкой с регионами на север, запад и центр. Центральная панель была бы названа, и западная панель имела бы съемный сплиттер. Вместо этого страница была пуста, хотя я мог видеть нужные элементы в консоли.

+0

Добро пожаловать к переполнению стека! Было бы полезно, если бы вы могли добавить немного больше, чтобы «он не работает» - как он терпит неудачу/что он делает по сравнению с тем, что вы ожидали от него? –

+0

Поздравления и благодарности. Страница должна была отобразить макет с регионами для севера, запада и центра. Центральная панель была бы названа, и западная панель имела бы съемный сплиттер. Вместо этого страница была банковской, хотя я мог видеть соответствующие элементы, представленные в консоли. –

+0

Отлично. [Нажмите кнопку редактирования] (http://stackoverflow.com/posts/28768046/edit) под своим сообщением и добавьте эту информацию в вопрос. К сожалению, я не эксперт EasyUI, поэтому не уверен, что смогу на самом деле решить для вас, но, вероятно, кто-то придет, кто сможет. Он просто пришел ко мне для обзора (все первые сообщения приходят к пользователю с> 2k rep для обзора). –

ответ

1

Инициализировать расположение на документе, как готовый,

$('body').layout(); 

 Смежные вопросы

  • Нет связанных вопросов^_^