Html Dojo BorderContainer/ContentPane_Html_Django_Dojo

Html Dojo BorderContainer/ContentPane

html django dojo

Html Dojo BorderContainer/ContentPane,html,django,dojo,Html,Django,Dojo,我在一家公司实习，我需要使用另一位2012年编程的实习生的程序。所以我做了一些更新，但我有一个问题：在这名学员的报告中，网页左侧是一列，列上有一个“菜单”用于请求，底部是一个字段用于请求结果，所有剩余空间都是一张包含不同信息的地图。目前的问题是“中心”区域的地图，就像“顶部”区域一样标题： <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/resources/dojo.c

我在一家公司实习，我需要使用另一位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" />


要求（[“dojo/ready”、“dojo/parser”、“dojo/_base/xhr”、“dojo/dom”、“dojo/domrready！”、“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/colorplate”，“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样式”、“dojo/query”、“dojo/NodeList dom”]）；

正文：

<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>



{%include“Home/forms/formquerys.html”%}

参数的名称是否有限制

这就是我想要的

这就是我所拥有的

我不知道您是否需要其他代码，请告诉我。

如果您想要左侧的窗格，请使用“前导”作为区域的值

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

然后在canter区域中，您将放置一个单独的边界容器，地图位于中心区域，数据网格布局位于底部区域

地区

每个子元素必须有一个属性“region”，该属性指示其应放置的位置（大多数名称都是自己的解释性）：

顶部

底部

对

左

居中

前导：使用灵活的布局从左到右/从右到左环境。在ltr中，它将相当于左，rtl相当于右

尾随：与 “leading”：在ltr中右边，在rtl中左边，可以有多个用于每个区域，在这种情况下，它们的顺序（即接近 LayoutContainer）由其相对layoutPriority控制设置

必须始终有一个区域标记为“中心”

来源：

Hmm我根本不懂这个问题。请你发布一张你所期望的模型图片好吗？当前的渲染是什么？你能给出问题图片吗？请用你所有的来源（本地js脚本）创建一个