您的位置：首页 > 编程语言 > ASP

ASP.NET+Ext Js4.0复选框控件的用法

2011-09-12 15:28 337 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--Ext js(4.0)官方下载的样式代码库-->
<link href="../ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<!--Ext js(4.0)官方下载的代码库-->
<script src="../ExtJs/ext-all.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function () {
var w = new Ext.Window({
height: 400,
width: 400,
title: "复选框控件",
items: [
{
fieldLabel: "请选择你的爱好",
xtype: "fieldcontainer",
width: 10,
height: 10,
items: [
{
id: "cbkRead",
xtype: "checkboxfield",//复选框
boxLabel: "阅读" //复选框的label
},
{
xtype: "checkboxfield",
boxLabel: "运动"
}
]
}
],
buttons: [
{ text: "判断有没有选中阅读", handler: function (b) {
if (Ext.getCmp("cbkRead").getValue()) {//如果id=cbkRead的复选框的值=true就代表选中
alert("选中");
} else {
alert("未选中");
}
}
}
]
});
w.show();//显示这个窗体
});
</script>

</head>
<body>

</body>
</html>

预览效果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航