dojo学习笔记(六)- ContentPane

实现功能:在一个容器里点击一个链接,在另外一个容器中显示这个链接所指向页面内容
<html>
<head>
<script src="./dojo/dojo.js">
</script>
<script>
dojo.require("dojo.widget.ContentPane");
var links = null,display = null;
dojo.addOnLoad(init);
function init(){
links = dojo.widget.byId("links");
display = dojo.widget.byId("display");

// listen to links domNode for onclick event
// lowercased on all DOM events as opposed to widget events

//"onclick",必须是小写的
dojo.event.connect(links.domNode,"onclick",'relayClicks');

} // finds out if this is a link event function relayClicks(evt){ var node = evt.target;//取得事件源 if(node.nodeName.toLowerCase() == "a"){ // it is a link,prevent the browser from unloading the page evt.preventDefault(); // change page in display pane display.setUrl(node.href); } } </script></head><body> <h1>Example on how to easily relay <a href="someurl.html" target="display"> clicks</h1> <div dojoType="ContentPane" widgetId="links" style="float:left ; width: 200px; height: 400px; border: 1px solid red;" > <a href="link1.html">Link 1</a><br/> <a href="link2.html">Link 2</a><br/> <a href="link3.html">Link 3</a><br/> </div> <div dojoType="ContentPane" widgetId="display" name="display" id ="display" style="width: 600px; height: 400px; border: 1px solid blue;" ></div></body></html>

相关文章

参考博客:https://blog.csdn.net/blog_szhao/article/details/50220181           https://doj...
我有一个包含多个字段的Dojo DataGrid.我目前正在设置查询一次搜索一个字段,如下所示: grid.setQuery(...
我正在使用JsonRestStore,但想为它添加一个自定义Accept标头.最好的方法是什么? 这与dijit.layout.Con...
我需要选择一个给定其URL的链接节点.使用属性选择器的效果非常好,除了少数几个url有tilda的情况.我无法...
我正在尝试使用Dojo JSONREST的增强网格,我遇到了一些问题. 我一直在寻找一些例子,但无法弄清楚如何做我...
如何根据一些运行时参数隐藏dgrid(gridFrom Html)中的完整列? 让我们说如果参数的值为true我应该能够显...