楼盘表展示效果记录

Posted 大赵传奇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了楼盘表展示效果记录相关的知识,希望对你有一定的参考价值。

getdata.json

{
    count: 3,
    building: [
        {
            summary: "幢12,逻辑幢,总计(2522):",
            units:[{indexno:1,count:3},{indexno:2,count:2},{indexno:3,count:4}],
            floor: [
                {
                floorno: 3,
                floorno2: 3,
                rooms: [{ obligee: "曹亦美", houseno: "301", area: 125.2, state: "1" },
                        { obligee: "林雨萌", houseno: "302", area: 125.2, state: "1" },
                        { obligee: "时羿辉", houseno: "303", area: 125.2, state: "1" },
                        { obligee: "肖匡衡", houseno: "304", area: 125.2, state: "2" },
                        { obligee: "陈芊以", houseno: "305", area: 125.2, state: "1" },
                        { obligee: "王沁悦", houseno: "306", area: 125.2, state: "1" },
                        { obligee: "王宇轩", houseno: "307", area: 125.2, state: "1" },
                        { obligee: "刘伊伊", houseno: "308", area: 125.2, state: "1" },
                        { obligee: "杜新",   houseno: "309", area: 102.34, state: "1" } ]
                },
                {
                floorno: 2,
                floorno2: 2,
                rooms: [{ obligee: "君宝", houseno: "201", area: 125.2, state: "1" },
                        { obligee: "杨卓霖", houseno: "202", area: 125.2, state: "2" },
                        { obligee: "夏欣怡", houseno: "203", area: 125.2, state: "1" },
                        { obligee: "聂泽雅", houseno: "204", area: 125.2, state: "1" },
                        { obligee: "郭若熹", houseno: "205", area: 125.2, state: "1" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "章启月",   houseno: "209", area: 102.34, state: "1" } ]      
                },
                {
                floorno: 1,
                floorno2: 1,
                rooms: [{ obligee: "马思泽", houseno: "101", area: 125.2, state: "1" },
                        { obligee: "陈同辉", houseno: "102", area: 125.2, state: "1" },
                        { obligee: "李锐", houseno: "103", area: 125.2, state: "1" },
                        { obligee: "冯紫晗", houseno: "104", area: 125.2, state: "1" },
                        { obligee: "朱思成", houseno: "105", area: 125.2, state: "1" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "", houseno: "", area: "", state: "0" },
                        { obligee: "张恒瑞",   houseno: "109", area: 102.34, state: "1" } ]      
                }
            ]
        },
        {
            summary: "裙楼,逻辑幢,总计(3325):",
            units:[{indexno:1,count:4},{indexno:2,count:2}],
            floor: [
                {
                floorno: 11,
                floorno2: 10,
                rooms: [{ obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "杜新",   houseno: "1206", area: 102.34 } ]
                },
                {
                floorno: 11,
                floorno2: 10,
                rooms: [{ obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "杜新",   houseno: "1206", area: 102.34 } ]      
                },
                {
                floorno: 11,
                floorno2: 10,
                rooms: [{ obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "杜新",   houseno: "1206", area: 102.34 } ]      
                }
            ]
        },
        {
            summary: "车库,逻辑幢,总计(23):",
            units:[{indexno:1,count:20}],
            floor: [
                {
                floorno: 11,
                floorno2: 10,
                rooms: [{ obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "曹亦美", houseno: "1205", area: 125.2 },
                        { obligee: "杜新",   houseno: "1206", area: 102.34 } ]
                }
            ]
        }
    ]
}
View Code

index.html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Using FeatureTable</title>
    <link rel="stylesheet" href="themes/claro/claro.css">
    <!--<link rel="stylesheet" href="//js.arcgis.com/3.16/dijit/themes/claro/claro.css">-->
    <link rel="stylesheet" href="themes/esri.css">
    <link rel="stylesheet" href="themes/building.css">
    <script type="text/javascript" src="http://172.18.1.193/arcgis_js_api/library/3.19/3.19/init.js"></script>


    <style type="text/css">
        html, body, #map {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        dialog {
            width: 850px;
            top:20px;
            border: 1px solid #dadada;
            font-family: sans-serif;
            padding: 5px 10px 20px 20px;
        }
    </style>


    <script>
        // AMD
        require([
          "esri/map",
          "esri/layers/ArcGISDynamicMapServiceLayer",
          "esri/tasks/QueryTask",
          "esri/tasks/query",
          "esri/symbols/SimpleMarkerSymbol",
          "esri/InfoTemplate",

        "esri/Color",
                "dojo/on",
                "dojo/dom",
                "dijit/registry",
                "dojo/_base/array",
                "dojo/_base/connect",
                "dojox/grid/DataGrid",
                "dojo/data/ItemFileReadStore",

                "dijit/form/Button",
                "dojo/parser",
                "dijit/layout/BorderContainer",
                "dijit/layout/ContentPane",
  "dijit/Dialog",
          "dojo/domReady!"
        ], function (
           Map, ArcGISDynamicMapServiceLayer, QueryTask, Query, SimpleMarkerSymbol, InfoTemplate,
        Color, on, dom, registry, arrayUtils, connect, DataGrid, ItemFileReadStore,
        Button, parser
        ) {

            var queryTask, query;
            var map;
            var grid, store;
            var infoTemplate;
            var symbol;

            parser.parse();



            showDialog = function (zddm) {
                dojo.xhrGet({
                    url: "getdata.json",
                    handleAs: "json",
                    load: function (data) {
                        var section = "";
                        var ifFirstOpen = true;
                        var tempLine2 = "";//第二行临时
                        dojo.forEach(data.building, function (build) {
                            //如果是第一条逻辑幢,则是默认打开状态
                            if (ifFirst

以上是关于楼盘表展示效果记录的主要内容,如果未能解决你的问题,请参考以下文章

java 简单的代码片段,展示如何将javaagent附加到运行JVM进程

详解Python 采用 requests + Beautiful Soup 爬取房天下新楼盘推荐

百度地图使用小记

用html+css+js实现选项卡切换效果

Flask小demo---代码统计系统

7JavaScript总结——实现选项卡切换的效果