dojo中button的使用

最新推荐文章于 2019-07-29 10:54:20 发布

原创最新推荐文章于 2019-07-29 10:54:20 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

dojo 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用Dojo库创建按钮并监听点击事件的简单示例。通过结合dijit/form/Button和dojo/on等模块，演示了如何初始化按钮及设置点击事件处理器。此外，还展示了如何配置页面的基本路径和加载所需的样式与脚本。

dojo中的button可以这样用。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'treeTest.jsp' starting page</title>
	<link rel="stylesheet" type="text/css" href="js/dijit/themes/claro/claro.css">
	<script type="text/javascript" src="js/dojo/dojo.js" data-dojo-config="parseOnLoad:false"></script>
    <script type="text/javascript">
    	require([
    	         "dojo/parser",
    	         "dijit/registry",
    	         "dojo/on",
    	         "dijit/form/Button",
    	         "dijit/Tree",
    	         "dojo/domReady!"
    	         ], function(parser, registry, on, Button, Tree){
    			parser.parse().then(function(){
    				registry.byId("treeBtn").on("click", function(){
												
    				});
    			});
    	});
    </script>

  </head>
  
  <body class="claro">
    <button type="button" id="treeBtn" data-dojo-type="dijit/form/Button">tree测试</button>
  </body>
</html>