Skip to content

Commit a04b3bd

Browse files
wuzhuorui5wuzhuorui5
committed
example页面 右侧滚动高亮侧边栏；调整侧边栏菜单顺序； commit by wuzhuorui review by zhurongchang
1 parent 5b8b699 commit a04b3bd

File tree

3 files changed

+120
-71
lines changed

3 files changed

+120
-71
lines changed

‎examples/js/example.js‎

Lines changed: 57 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
$(document).ready(function () {
22
initPage();
3+
34
bindEvents();
5+
scrollSpy();
46
});
57
var exConfig = exampleConfig,
68
containExamples = false,
@@ -60,16 +62,14 @@ function createSubGalleryItem(config) {
6062

6163
function createGalleryItemTitle(id, title) {
6264
var menuItemIcon = exampleIconConfig[id];
63-
return $("<h3 class='category-title' id='" + id + "'>" + "<i class='fa " + menuItemIcon + "'></i>" + "&nbsp;&nbsp;"+title + "</h3>");
65+
return $("<h3 class='category-title' id='" + id + "'>" + "<i class='fa " + menuItemIcon + "'></i>" + "&nbsp;&nbsp;" + title + "</h3>");
6466
}
6567

6668
function createSubGalleryItemTitle(id, title) {
67-
return $("<div class='box-header'>"+"<h3 class='box-title' id='category-type-" + id + "'>" + "&nbsp;&nbsp;&nbsp;&nbsp;" + title + "</h4>"+"</h3>"+"</div>");
69+
return $("<div class='box-header'>" + "<h3 class='box-title' id='category-type-" + id + "'>" + "&nbsp;&nbsp;&nbsp;&nbsp;" + title + "</h4>" + "</h3>" + "</div>");
6870
}
6971

7072

71-
72-
7373
function createGalleryCharts(examples) {
7474
var chartsDiv = $("<div class='box-body'></div>");
7575
var len = (examples && examples.length) ? examples.length : 0;
@@ -129,7 +129,7 @@ function scroll() {
129129
}
130130
}
131131
if (ele) {
132-
$('body').scrollTo(ele, 500, {offset: -60});
132+
$('body').scrollTo(ele, 600, {offset: -60});
133133
}
134134

135135
}
@@ -140,12 +140,14 @@ function bindEvents() {
140140
});
141141

142142
$("ul#sidebar-menu ul.second-menu a").on('click', function (evt) {
143-
var target = $(evt.target).parent().parent();
144-
var nodeId = evt.target.id;
143+
if (evt.target.localName === "a") {
144+
var target = $(evt.target).parent().parent().parent();
145+
var nodeId = evt.target.id;
146+
}
145147
//如果点击的是span节点还要往上一层
146148
if (evt.target.localName === "span") {
147-
nodeId = target.attr('id');
148-
target = target.parent().parent();
149+
var target = $(evt.target).parent().parent();
150+
var nodeId = target.attr('id');
149151
}
150152
var prefixId = target.attr('id');
151153
if (nodeId) {
@@ -160,3 +162,49 @@ function bindEvents() {
160162
});
161163
}
162164

165+
//滚动监听
166+
function scrollSpy() {
167+
//获取一级菜单名称
168+
var stageList = new Array();
169+
for (var key in exConfig) {
170+
stageList.push(key);
171+
}
172+
173+
var scrollTimer; // 定义监听滚动时间
174+
$(window).on('scroll', function () {
175+
var $scroll = $(this).scrollTop() + 46;
176+
if (scrollTimer) {
177+
clearTimeout(scrollTimer);
178+
}
179+
// 监听滚轮无操作100ms后认定为滚动停止
180+
scrollTimer = setTimeout(function () {
181+
//拖动滚轮，对应的楼梯样式进行匹配
182+
$('.box').each(function (i, n) {
183+
var $stageTop = $('.box').eq(i).offset().top + $(n).outerHeight();
184+
if ($stageTop <= $scroll) {
185+
return true;
186+
}
187+
var id = $(n).parent().parent().attr("id");
188+
//二级菜单高亮
189+
$("ul#sidebar-menu>li").not("#" + id).removeClass('active');
190+
$("ul#sidebar-menu>li#" + id).addClass('active');
191+
192+
for (var k = 0; k < stageList.length; k++) {
193+
if (stageList[k] === id) {
194+
$("ul#sidebar-menu>li").removeClass("active").find('ul').removeAttr("style");
195+
$("ul#sidebar-menu>li#" + id).addClass('active');
196+
}
197+
}
198+
199+
// 第一级菜单高亮
200+
$('.menuTitle').removeClass('active');
201+
$('.menuTitle').eq(i).addClass('active');
202+
return false;//中断循环
203+
});
204+
}, 100);
205+
});
206+
}
207+
208+
209+
210+

‎examples/leaflet/config.js‎

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -266,8 +266,8 @@ var exampleConfig = {
266266
}
267267
}
268268
},
269-
"online": {
270-
name: "online",
269+
"Online": {
270+
name: "Online",
271271
content: {
272272
"ol_map": {
273273
name: "地图",
@@ -291,27 +291,7 @@ var exampleConfig = {
291291
name: "iManager",
292292
content: null
293293
},
294-
"plot": {
295-
name: "标绘",
296-
content: {
297-
"draw": {
298-
name: "点线面绘制",
299-
content: [{
300-
name: "绘制与修改",
301-
thumbnail: "l_drawAndModify.png",
302-
fileName: "drawAndModify"
303-
}, {
304-
name: "捕捉与修改",
305-
thumbnail: "l_snapAndModify.png",
306-
fileName: "snapAndModify"
307-
}]
308-
},
309-
"drawPlot": {
310-
name: "动态标绘",
311-
content: null
312-
}
313-
}
314-
},
294+
315295
"viz": {
316296
name: "可视化",
317297
content: {
@@ -481,6 +461,27 @@ var exampleConfig = {
481461

482462
}
483463
},
464+
"plot": {
465+
name: "标绘",
466+
content: {
467+
"draw": {
468+
name: "点线面绘制",
469+
content: [{
470+
name: "绘制与修改",
471+
thumbnail: "l_drawAndModify.png",
472+
fileName: "drawAndModify"
473+
}, {
474+
name: "捕捉与修改",
475+
thumbnail: "l_snapAndModify.png",
476+
fileName: "snapAndModify"
477+
}]
478+
},
479+
"drawPlot": {
480+
name: "动态标绘",
481+
content: null
482+
}
483+
}
484+
},
484485
"OGC": {
485486
name: "OGC",
486487
content: {
@@ -546,7 +547,7 @@ var exampleConfig = {
546547
var sideBarIconConfig = {
547548
"iServer": "fa-server",
548549
"iPortal": "fa-desktop",
549-
"online": "fa-cloud",
550+
"Online": "fa-cloud",
550551
"iManager": "fa-group",
551552
"plot": "fa-edit",
552553
"viz": "fa-map",
@@ -562,7 +563,7 @@ var sideBarIconConfig = {
562563
var exampleIconConfig = {
563564
"iServer": "fa-server",
564565
"iPortal": "fa-desktop",
565-
"online": "fa-cloud",
566+
"Online": "fa-cloud",
566567
"iManager": "fa-group",
567568
"plot": "fa-edit",
568569
"viz": "fa-map",

‎examples/openlayers/config.js‎

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -274,8 +274,8 @@ var exampleConfig = {
274274
}
275275
}
276276
},
277-
"online": {
278-
name: "online",
277+
"Online": {
278+
name: "Online",
279279
content: {
280280
"ol_map": {
281281
name: "地图",
@@ -291,39 +291,6 @@ var exampleConfig = {
291291
name: "iManager",
292292
content: null
293293
},
294-
"plot": {
295-
name: "标绘",
296-
content: {
297-
"draw": {
298-
name: "点线面绘制",
299-
content: [{
300-
name: "绘制",
301-
thumbnail: "drawFeatures.png",
302-
fileName: "drawFeatures"
303-
}, {
304-
name: "手写",
305-
thumbnail: "freehandDrawFeatures.png",
306-
fileName: "freehandDrawFeatures"
307-
}, {
308-
name: "捕捉",
309-
thumbnail: "snapDrawFeatures.png",
310-
fileName: "snapDrawFeatures"
311-
}, {
312-
name: "修改",
313-
thumbnail: "modifyFeatures.png",
314-
fileName: "modifyFeatures"
315-
}, {
316-
name: "拖拽",
317-
thumbnail: "dragFeatures.png",
318-
fileName: "dragFeatures"
319-
}]
320-
},
321-
"drawPlot": {
322-
name: "动态标绘",
323-
content: null
324-
}
325-
}
326-
},
327294
"viz": {
328295
name: "可视化",
329296
content: {
@@ -477,6 +444,39 @@ var exampleConfig = {
477444
}
478445
}
479446
},
447+
"plot": {
448+
name: "标绘",
449+
content: {
450+
"draw": {
451+
name: "点线面绘制",
452+
content: [{
453+
name: "绘制",
454+
thumbnail: "drawFeatures.png",
455+
fileName: "drawFeatures"
456+
}, {
457+
name: "手写",
458+
thumbnail: "freehandDrawFeatures.png",
459+
fileName: "freehandDrawFeatures"
460+
}, {
461+
name: "捕捉",
462+
thumbnail: "snapDrawFeatures.png",
463+
fileName: "snapDrawFeatures"
464+
}, {
465+
name: "修改",
466+
thumbnail: "modifyFeatures.png",
467+
fileName: "modifyFeatures"
468+
}, {
469+
name: "拖拽",
470+
thumbnail: "dragFeatures.png",
471+
fileName: "dragFeatures"
472+
}]
473+
},
474+
"drawPlot": {
475+
name: "动态标绘",
476+
content: null
477+
}
478+
}
479+
},
480480
"OGC": {
481481
name: "OGC",
482482
content: {
@@ -541,7 +541,7 @@ var exampleConfig = {
541541
var sideBarIconConfig = {
542542
"iServer": "fa-server",
543543
"iPortal": "fa-desktop",
544-
"online": "fa-cloud",
544+
"Online": "fa-cloud",
545545
"iManager": "fa-group",
546546
"plot": "fa-edit",
547547
"viz": "fa-map",
@@ -557,7 +557,7 @@ var sideBarIconConfig = {
557557
var exampleIconConfig = {
558558
"iServer": "fa-server",
559559
"iPortal": "fa-desktop",
560-
"online": "fa-cloud",
560+
"Online": "fa-cloud",
561561
"iManager": "fa-group",
562562
"plot": "fa-edit",
563563
"viz": "fa-map",

0 commit comments

Comments
 (0)