Dojo學習11 dojo類屬性查看工具

時間 2019-11-21

標籤 dojo 學習類屬查看工具欄目 Dojo 简体版

原文原文鏈接

11. dojo類屬性查看工具
有的時候查詢一個類的方法，屬性比較費事，還得看源代碼，並且，有的是繼承類，須要看不止一個源代碼。今天我寫了一個dojo的屬性查看器，可以方便的查看一個類的全部屬性和方法。
用的時候注意和dojo.js的相對路徑:
js
|-dojo
| |-dojo.js
|-dijit
|- ....
my
|-showDetail.htm

==================showDetail.htm======================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Button Widget Dojo Tests</title>
<style type="text/css">
@import "../js/dojo/resources/dojo.css";
@import "../js/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true"
src="../js/dojo/dojo.js"></script>
<script type="text/javascript">
/*
author:amushen
date:200707
email:amushen@gmail.com
*/
dojo.require("dojo.parser");
var log=console.log;
function val2type(/*Object*/ value){
if(dojo.isString(value)){ return "string"; }
if(typeof value == "number"){ return "number"; }
if(typeof value == "boolean"){ return "boolean"; }
if(dojo.isFunction(value)){ return "function"; }
if(dojo.isArray(value)){ return "array"; } // typeof [] == "object"
if(value instanceof Date) { return "date"; } // assume timestamp
if(value instanceof dojo._Url){ return "url"; }
return "object";
}

log("---=== "+className+" ===---");
for(var name in proto){
var defVal = proto[name];
   if(!isAll&&name.charAt(0)=="_"){ continue; }
   log((++cnt)+" -->> "+name+":"+val2type(defVal));
}
log("===end of class: "+className+" ===");

}
</script>
</head>
<body class="tundra">
<h1>dojo的任何一個類的屬性查詢器，在文本框內輸入類的全稱便可，注意大小寫</h1><br>
<form name="form1" onSubmit="showDetail();return false;">
className:<input type="text" size="20" name="dojotype_" value="/dijit.form.Button" /><br>
<p>
<label>
<input type="radio" name="RadioGroup1" value="0">
    所有屬性</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="1" checked>
    公共屬性</label>
<br>
</p>
<input type="button" value="查詢" onclick="showDetail()" />
</form><br>
<br>
</body>
</html>
css