dijit控件入门(三)

原创 2013年12月04日 10:07:06

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>checkbox_radio</title>
<link id="themeStyles" rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css">
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dijit.form.CheckBox");
dojo.require("dijit.form.RadioButton");
dojo.require("dijit.form.Form");

dojo.ready(
	function(){
		alert(document.getElementsByName("hb")[0].checked);
		}
);
</script>
</head>
<body class="claro">

<form data-dojo-type="dijit.form.Form" data-dojo-props='encType:"multipart/form-data", action:"../DojoAjax", method:"",onSubmit:function(){ return false; },'>

多选按钮
<br>
<input data-dojo-type="dijit.form.CheckBox" data-dojo-props="name:'hb',checked:true,readOnly:true"/><label for="hb">checkbox1 设置了只读,不能操作</label>
<input data-dojo-type="dijit.form.CheckBox" data-dojo-props="name:'hb'"/><label for="hb">checkbox2</label>
<input data-dojo-type="dijit.form.CheckBox" data-dojo-props="name:'hb'"/><label for="hb">checkbox3</label>

<p>
单选按钮
<br>
<input id="radio1" data-dojo-type="dijit.form.RadioButton" data-dojo-props="name:'hb_radio',value:'hb_radio1'"><label for="radio1">label1</label>
<input id="radio2" data-dojo-type="dijit.form.RadioButton" data-dojo-props="name:'hb_radio',value:'hb_radio2'"><label for="radio2">label1</label>
<input id="radio3" data-dojo-type="dijit.form.RadioButton" data-dojo-props="name:'hb_radio',value:'hb_radio3'"><label for="radio3">label1</label>
<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){}">获取单选按钮的值</button>

<button id="submit2" data-dojo-type="dijit.form.Button" data-dojo-props='type:"submit"'>Submit</button>
<button id="reset2" data-dojo-type="dijit.form.Button" data-dojo-props='type:"reset"'>Reset</button>

</form>

</body>
</html>

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link id="themeStyles" rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css">
<link id="themeStyles" rel="stylesheet" href="../dojo/resources/dojo.css">
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">

dojo.require("dijit.Editor");
dojo.require("dijit.form.Button");

function getValue(){
	//得到编辑器里面的结果
	var temp = dijit.byId("editor1").getValue();
	alert(temp);
}

function reset(){

	dijit.byId("editor1").set("value","");
}
</script>
</head>
<body class="claro">

<div data-dojo-type="dijit.Editor" id="editor1">uuuuuu</div>
<div data-dojo-type="dijit.form.Button" id="button1" data-dojo-props="onClick:getValue">得到结果</div>
<div data-dojo-type="dijit.form.Button" id="button2" data-dojo-props="onClick:reset">清除</div>


</body>
</html>

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link id="themeStyles" rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css">
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
    dojo.require("dijit.form.FilteringSelect");
   
</script>
</head>
<body class="claro">
<!-- 如果页面中有两个ID值是一样的,则不能同时生成FilteringSelect控件 -->
<select name="players" id="play" data-dojo-type="dijit.form.FilteringSelect" autoComplete="true" pageSize="10">  
        <option value="">Select an Arsenal Player</option>  
        <option value="Arshavin" selected="selected">Andrey Arshavin</option>  
        <option value="Vermaelen">Thomas Vermaelen</option>  
        <!– more OPTION elements here –>  
</select> 
<p>
<select name="players" id="players" dojoType="dijit.form.FilteringSelect" autoComplete="true" pageSize="10">  
        <option value="">Select an Arsenal Player</option>  
        <option value="Arshavin" selected="selected">Andrey Arshavin</option>  
        <option value="Vermaelen">Thomas Vermaelen</option>  
        <!– more OPTION elements here –>  
</select> 
</body>
</html>

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link id="themeStyles" rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css">
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">

dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dijit.form.Textarea");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.TabContainer");
dojo.require("dojo.parser");

</script>
</head>
<body class="claro">

<textarea id="blank" data-dojo-type="dijit.form.Textarea" ></textarea>

</body>
</html>

 

 

相关文章推荐

<Unity3D>Unity3D入门篇——第五讲 GUI控件(三)

六、Toolbar控件 Toolbar(工具栏)控件用于创建工具栏,并且以Tab页面的形式来显示的。当我们选中其中任意一项,将返回该项的ID。通常我们使用GUI.Toolbar()来绘制工具...

duilib入门三之控件属性

要想写好duilib的界面,必须了解它的控件属性,它的属性实在太多,不一定能够全部记得住,只好将作者原文贴在这下面了。在duilib源码中的专门有一个文档讲到这些属性 ...

arcgis api for flex 开发入门(三)地图浏览控件的使用

arcgis api for flex 开发入门(三)地图浏览控件的使用 地图浏览包括放大,缩小,漫游,复位,上级窗口,下级窗口等 在arcgis api for flex中,esri 已经封装好...

MFC入门(三)-- MFC图片/文字控件(循环显示文字和图片的小程序)

利用MFC循环显示BMP图片~~MFC入门之三
  • zmdsjtu
  • zmdsjtu
  • 2016年08月26日 10:42
  • 2110

<Unity3D>Unity3D入门篇——第五讲 GUI控件(三)

六、Toolbar控件 Toolbar(工具栏)控件用于创建工具栏,并且以Tab页面的形式来显示的。当我们选中其中任意一项,将返回该项的ID。通常我们使用GUI.Toolbar()来绘制工具来,其返回...

Silverlight4入门之Button控件(三)

将上节的MainPage.xaml文件替换如下:

Qt入门之常用qt控件认知之QLabel

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://hongbin0720.blog.51cto.com/3305400/123043...

Android 自定义控件入门篇之自定义验证码

Android自定义控件,故名思议,就是自己定义的控件。Android原生给我们提供了很多控件,像:TextView,EditText,ImageView等。 虽然大多数情况下都能够满足我们的需求,但...
  • Airsaid
  • Airsaid
  • 2016年01月21日 13:53
  • 1501

安卓入门--Spinner控件与二级联动详解

SPinner 父类:AbsSpinner–AdapterView 定义:下拉菜单控件 常用方法: android:spinnerMode:1. dialog---对话框模式 2. dropdown-...

【React全家桶入门之五】组件化表单/表单控件

上一篇实现的表单验证里,所有的验证代码都是耦合在组件中的,没有办法实现复用。重复代码是混乱的根源!既然我们用了React,那我们是不是可以用组件化的方式去给表单验证这些逻辑解耦呢...
  • awaw00
  • awaw00
  • 2017年01月24日 21:58
  • 5212
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:dijit控件入门(三)
举报原因:
原因补充:

(最多只允许输入30个字)