Dojo BorderContainer / ContentPane

debugcn 에 게시 Dev

니트 너

회사에서 연습을하고 있는데 2012 년에 프로그램을했던 다른 연습생의 프로그램을 사용해야합니다. 그래서 업데이트를했는데 문제가 있습니다.

이 연수생의 보고서에서 웹 페이지는 왼쪽 열에 요청에 대한 "메뉴", 아래쪽에는 요청 결과 필드, 나머지 모든 공간에는 다른 정보가있는지도가 있습니다. 현재 문제는 '중앙'지역의지도인데 '상단'지역과 같습니다.

머리글 :

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dijit/themes/soria/soria.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojox/grid/resources/Grid.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojox/grid/resources/tundraGrid.css">

<script src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: false" ></script>

<script>
    require(["dojo/ready", "dojo/parser", "dojo/_base/xhr", "dojo/dom", "dojo/domReady!", "dijit/layout/BorderContainer", "dijit/layout/TabContainer", "dijit/layout/ContentPane", "dojox/grid/DataGrid", "dojo/store/Memory", "dojo/data/ObjectStore", "dijit/form/Select", "dijit/form/Button", "dijit/form/RadioButton", "dijit/ColorPalette", "dijit/form/TextBox", "dijit/form/SimpleTextarea", "dijit/form/MultiSelect", "dijit/TooltipDialog", "dijit/form/DropDownButton", "dojox/gfx", "dijit/TitlePane", "dijit/form/NumberSpinner", "dojo/store/Memory", "dojo/dom-style", "dojo/query", "dojo/NodeList-dom"]);
</script>
<script src="/static/javascript/queries.js" type="text/javascript"></script>
<script src="/static/javascript/map.js" type="text/javascript"></script>
<script src="/static/javascript/utils.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps/api/js?v=3&key=KEY"></script>
<link rel="stylesheet" type="text/css" href="/static/css/home.css" />
<link rel="stylesheet" type="text/css" href="/static/css/map.css" />

신체 :

<body class="soria" >
<div id="mainLayout" 
    data-dojo-type="dijit/layout/BorderContainer"
    data-dojo-props="design: 'sidebar'">

    <div id="mapLayout" data-dojo-type="dijit/layout/ContentPane"
         data-dojo-props="region: 'center', splitter: true"
         style="height:500px;">
        <div id="map"></div>
    </div>

    <div id="leftLayout"
        data-dojo-type="dijit/layout/ContentPane"
        data-dojo-props="region: 'left', splitter: true, minSize: 330"
        style="min-width: 330px">
    <p>
        {% include "Home/forms/formQueries.html" %}
    </p>
    <p id="messageLimitNumberLines"  style="display: none">Le nombre de paramètres est limité à cinq. Vous ne pouvez pas en ajouter d'autres.</p>

    </div>

    <div id="datagridLayout" data-dojo-type="dijit/layout/ContentPane" style="min-height: 300px" data-dojo-props="region: 'bottom', splitter: true, minSize: 300">
        <div id="datagrid" data-dojo-type="dojox/rid/DataGrid">
        </div>
    </div>
</div>
</body>

그게 내가 원하는거야

그것이 내가 가진 것입니다

다른 코드가 필요한지 모르겠습니다.

에로 타 블라스

왼쪽 창을 원하면 지역 값으로 '선행'을 사용하십시오.

   <div id="leftLayout"
        data-dojo-type="dijit/layout/ContentPane"
        data-dojo-props="region: 'leading', splitter: true, minSize: 330"
        style="min-width: 330px">

Then in the canter region you would place a separate border container there the map is in center region and datagrid layout in bottom region.

Regions

Each child element must have an attribute “region” which indicates where it should be positioned (most names are self explanatory):

top

bottom

right

left

center

leading: used have flexible layout in left-to-right/right-to-left environments. In ltr, it will be equivalent to left, in rtl equivalent to right.

trailing: opposite of ‘leading’: right in ltr, left in rtl There can be multiple widgets for each region, in which case their order (i.e. closeness to the edge of the LayoutContainer) is controlled by their relative layoutPriority settings.

There must always be one region marked ‘center’.

출처 : https://dojotoolkit.org/reference-guide/1.10/dijit/layout/LayoutContainer.html#dijit-layout-layoutcontainer

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-18

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

Dojo BorderContainer / ContentPane

Dojo BorderContainer / ContentPane

상단에 2 개의 ContentPane이 있고 하단에 1 개의 BorderContainer dojo

Dojo / Dijit / ContentPane에 표시되지 않는 dgrid의 데모

JFrame의 ContentPane 위치 변경

Spring dojo request issue

Dojo FilteringSelect - disable an item

Dojo Javascript variable scope

dojo closest on clear element

dojo AMD requestAnimationFrame

Dojo JsonRest 저장소 대 dojo.xhrGet

Add table to my dojo code

Dojo, Internet Explorer의 setAttribute

dojo declare with unexpected identifier error

Dojo 캐시 문제

Dojo AccordionContainer 채우기

Dojo InlineEditBox wouldn't initialize

Dojo filtering widget data overflow

Dojo 측면 상속

시간이 지남에 따라 ContentPane 배경색 변경

Java Swing에서 Contentpane (JPanel)에 이미지를 인쇄하는 방법

ContentPane에 추가하려고 할 때 JPanel이 나타나지 않습니다.

require ({cache : {in dojo 레이어?

require ({cache : {in dojo 레이어?

accessing dojo attach point outside templated widget

Dojo: show/hide info inside a datagrid cell

RequireJS에서 Dojo 실행

DoJo XHR 요청 중단

dojo-함수 선언

DOJO Promise All 하위 기능

Dojo JsonRest 기본 인증