Extjs ComboBox几个小问题- 不显示值.获取输入值 1:ComboBox加载数据之后，ComboBox里面的值跑位，不能正确对应到ComboBox里面。
原因：因为要传name的值到服务器端，使用到了隐藏属性hiddeName来传值，hiddenName的名是要和name一样的。如果id和name设置为相同的，就会不能正确对应。所以，comboBox的id和name 不能设置一样
new Ext.form.ComboBox({
id:”comboId”,
name:”comboName”,
hiddenName:”comboName”
});
阅读全文…
checkbox 全选 反选的实现方法checkbox 默认是可以多选的。但在很多时候，我们会遇到需要对某些数据进行 批量更新 或者 批量上传 之类的操作。 这时候就要用到checkbox的全选和反选功能了。全选， 就是把多个checkbox同时选中； 反选， 就是把多个已被选中的checkbox切换到未选中状态。
其实实现checkbox的全选和反选功能很简答，下边我们举个简答的例子说明一下：
首先，用html定义一组checkbox表单， 代码如下：
<form name=”customizeContentForm”>
<checkbox name=”blockId” />
<checkbox name=”blockId” />
<checkbox name=”blockId” />
<checkbox name=”blockId” />
<input type=”button” onclick=”selectAll（true)” value=”全选”/>
<input type=”button” onclick=”selectAll（false)” value=”反选”/>
</form>
这里，我们定义了4个checkbox元素和两个button元素：全选 和 反选。值得注意的是，这里我们对这些checkbox使用了相同的name：blockId. 这是我们做批处理的时候经常用到的，这样做是为了简化前台与后台的处理。 当然，用不同的name也是可以的，不过那样前后台处理就比较麻烦了。既然都可以达到相同的效果，那何不选择简单的呢？是不是？有一句话不是说：简单之美吗？哈哈，所以很多时候，我们不要把简单的问题复杂化，也算是一个程序员的历练吧。
接下来我们要实现的是，但用户点击 “全选” 按钮的时候，所有checkbox同时被选中。 反之，当用户点击 “反选” 按钮的时候，所以按钮同时处于不选中状态。要实现这个效果，我们需要写一些js代码来实现：
function selectAll(flag) {
if (document.customizeContentForm.blockId != null ) {
var len = document.customizeContentForm.blockId.length;
if (len > 1) {
for (var i = 0; i < len; i++) {
document.customizeContentForm.blockId[i].checked = flag;
}
}
else {
document.customizeContentForm.blockId.checked = flag;
}
}
}
可以看到我们是通过checkbox的onclick事件来触发选中状态的，但点击 全选 按钮的时候，遍历表单中的所有checkbox，并把每个checkbox的checked属性设置为true ，这样所有的checkbox就同时被选中了。反之，把所有checkbox的checked属性设置成false，所有的checkbox就都处于不选中状态了。
很简单吧！嘿嘿。。。。
div不换行的实现方法div 标签在默认的情况下是在新的一行显示的，但是有时候我们希望div不换行。例如需要两个div在一行并排显示，那么我们该怎么做呢？其实实现这个很简单，只需要给div加上float样式就可以了。float样式可以使div浮动, 可选值是none, left,rigth; 默认值是none，表示不浮动。
下边我们还是举个例子，看起来会直观一点。例如现在需要使两个div并排不换行显示，怎么做呢？
首先我们先定义两个div:
<html>
<header>
<style type=”text/css”>
.zone1 {
width:300px;
height:300px;
float:left;
}
.zone1 {
width:500px;
height:300px;
float:left;
}
</style>
</header>
<body>
<div id=”zone1″>第一个div </div>
<div id=”zone2″>第二个div</div>
</body>
</html>
大家可以看到，只须要为div增加css样式：float：left就可以了。当然根据需要有时候可能是：float：right.
float值等于left表示当前div会在左边浮动，这样div就不换行了，大家可以试一试，很实用的小技巧，嘿嘿。
最近评论