javascript/samples/javascript.controls/CaseSelectionPathMode.html at master · wangscript007/javascript

91 lines (79 loc) · 2.39 KB
﻿<!DOCTYPE html> 
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Selection Path Mode</title>
	<script type="text/javascript" src="../../primitives.js"></script>
	<link href="../../css/primitives.css" media="screen" rel="stylesheet" type="text/css" />
	<script type='text/javascript'>
		var control;
		document.addEventListener('DOMContentLoaded', function () {
			var options = new primitives.OrgConfig();
			var items = [
				new primitives.OrgItemConfig({
					id: 0,
					parent: null,
					title: "James Smith",
					description: "VP, Public Sector",
					image: "../images/photos/a.png"
				new primitives.OrgItemConfig({
					id: 1,
					parent: 0,
					title: "Ted Lucas",
					description: "VP, Human Resources",
					image: "../images/photos/b.png"
				new primitives.OrgItemConfig({
					id: 2,
					parent: 1,
					title: "Fritz Stuger",
					description: "Business Solutions, US",
					image: "../images/photos/c.png"
				new primitives.OrgItemConfig({
					id: 3,
					parent: 2,
					title: "Robert Canon",
					description: "Business Solutions, Canada",
					image: "../images/photos/z.png"
			options.items = items;
			options.cursorItem = null;
			options.pageFitMode = primitives.PageFitMode.Page;
			options.selectionPathMode = primitives.SelectionPathMode.None;
			options.hasSelectorCheckbox = primitives.Enabled.True;
			options.selectedItems = [3];
			control = primitives.OrgDiagram(document.getElementById("basicdiagram"), options);
		function Update() {
			var selectionPathMode = parseInt(getRadioValue("selectionPathMode"));
			control.setOptions({
				"selectionPathMode": selectionPathMode,
				"cursorItem": null
			control.update(primitives.UpdateMode.Refresh);
		function getRadioValue(name) {
			var radios = document.getElementsByName(name);
			for (var i = 0; i < radios.length; i++) {
				if (radios[i].checked) {
					return radios[i].value;
			return result;
			Selection Path Mode:
			<br><label><input onclick="Update()" name="selectionPathMode" type="radio" value="0" checked="">None</label>
			<br><label><input onclick="Update()" name="selectionPathMode" type="radio" value="1">Full Stack</label>
		<div id="basicdiagram" style="width: 640px; height: 400px; border-style: dotted; border-width: 1px;"></div>
FilesExpand file tree

CaseSelectionPathMode.html

Latest commit

History

CaseSelectionPathMode.html

File metadata and controls
