面向面试准备、在线测试、教程与实战练习的学习平台

通过聚焦学习路径、模拟测试和面试实战内容持续提升技能。

WithoutBook 将分主题面试题、在线练习测试、教程和对比指南整合到一个响应式学习空间中。

搜索资源库

面试准备

提问

模拟考试

设为首页

收藏此页面

Dojo 面试题与答案

问题 21. Example on Progress Bar in Dojo framework.

The progress bar is a GUI (Graphical User Interface) that gives dynamic feedback on the progress of a long-running operation. The progress bar can be updated by calling the JavaScript functions. Which works best for long-running JavaScript operations or a series of JavaScript XHR calls to the server. Progress bar performs to multiple types of works such as: download or upload any files and representation of the progress in a percent format.

<html>

<head>

<title>Progress Bar Demo</title>

@import "../resources/dojo.css";

@import "../dijit/themes/tundra/tundra.css";

</style>

djConfig="parseOnLoad: true"></script>

dojo.require("dijit.ProgressBar");

dojo.require("dojo.parser");

function download(){

// Split up bar into 5% segments

numParts = Math.floor(100/5);

jsProgress.update({ maximum: numParts, progress:0 });

for (var i=0; i<=numParts; i++){

// This plays update({progress:0}) at 1nn milliseconds,

// update({progress:1}) at 2nn milliseconds, etc.

setTimeout("jsProgress.update({ progress: " + i + " })",(i+1)*100 +

Math.floor(Math.random()*100));

}

</script>

</head>

Progress Bar:

<div dojoType="dijit.ProgressBar" style="width:800px"

jsId="jsProgress" id="downloadProgress"></div>

</body>

</html>

这有帮助吗？是否添加评论查看评论

问题 22. Example on Color Picker in Dojo framework.

The dojox.widget.ColorPicker widget that allows user to select a color (in hexa format). This is a form component. We can add this component on the form to our requirement.

<html>

<head>

<title>Color Picker Example</title>

@import "../dijit/themes/soria/soria.css";

@import "/resources/dojo.css";

@import "../dojox/widget/ColorPicker/ColorPicker.css";

</style>

dojo.require("dojox.widget.ColorPicker");

dojo.require("dojo.parser");

</script>

</head>

<b>Please select the color:</b>

</body>

</html>

这有帮助吗？是否添加评论查看评论

问题 23. Example on Drag and Drop in Dojo framework.

This is a technique of dragging an item. Click an object or specific item that have to be dragged and dropped, you hold down the mouse button and drag the object to the suitable destination.

<html>

<head>

<title>Dojo Drag and Drop Example</title>

</script>

dojo.require("dojo.dnd.source");

dojo.require("dojo.parser");

</script>

</head>

<body>

<tr>

<b style="background-color:#999999 ">Source Data</b>

<div>Arindam</div>

</div>

<div>Sumana</div>

</div>

<div>Arunita</div>

</div>

</td>

<div dojoType="dojo.dnd.Target" jsId="targetData" class="target"

accept="Arindam,Sumana,Arunita">

<b style="background-color:#999999; ">Target Data</b>

</div>

</td>

</tr>

</table>

</body>

</html>

这有帮助吗？是否添加评论查看评论

用户评价最有帮助的内容：