miniui的listbox的取消选中
时间: 2024-05-04 08:18:20 浏览: 48
要取消 miniUI ListBox 中的选定项,可以使用以下代码:
```javascript
var listBox = mini.get("listbox1"); // 获取 ListBox 实例
var selected = listBox.getSelecteds(); // 获取当前选定项数组
listBox.deselect(selected); // 取消选定项
```
以上代码首先获取 ListBox 实例,然后使用 `getSelecteds` 方法获取当前选定项数组,最后使用 `deselect` 方法取消选定项。
如果你只想取消单个选定项,可以将 `getSelecteds` 方法的返回值改为 `getSelected`,然后将选定项作为参数传递给 `deselect` 方法即可:
```javascript
var listBox = mini.get("listbox1"); // 获取 ListBox 实例
var selected = listBox.getSelected(); // 获取当前选定项
listBox.deselect(selected); // 取消选定项
```
相关问题
miniui的listbox选中时触发事件
在MiniUI中,可以通过绑定ListBox的SelectedIndexChanged事件来实现当ListBox选中项改变时的触发事件。具体操作步骤如下:
1. 在HTML页面中添加一个ListBox控件,并设置其ID和Name属性:
```html
<select id="myListBox" name="myListBox" class="mini-listbox" onselect="onListBoxSelect()">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
```
2. 在JavaScript脚本中定义ListBox的SelectedIndexChanged事件处理函数onListBoxSelect():
```javascript
function onListBoxSelect() {
var listBox = mini.get("myListBox"); // 获取ListBox控件对象
var selectedIndex = listBox.getSelectedIndex(); // 获取选中项的索引
var selectedItem = listBox.getSelected(); // 获取选中项的数据对象
// TODO: 处理选中项改变事件
}
```
在该事件处理函数中,可以通过mini.get()方法获取到ListBox控件对象,然后使用getSelectedIndex()和getSelected()方法获取当前选中项的索引和数据对象,从而实现对选中项改变事件的处理。
miniui的listbox组件的自适应
MiniUI的ListBox组件默认是不支持自适应的,但可以通过设置其高度和宽度来实现自适应效果。具体方法如下:
1. 设置ListBox的高度和宽度为百分比或像素值,如:
```
<cc:ListBox ID="lstBox" runat="server" Width="100%" Height="300px"></cc:ListBox>
```
2. 监听浏览器的resize事件,当浏览器窗口大小发生变化时,重新设置ListBox的高度和宽度,实现自适应效果,如:
```
$(window).resize(function() {
var winHeight = $(window).height();
var lstBox = $("#lstBox");
lstBox.css("height", (winHeight - lstBox.offset().top - 20) + "px");
});
```
其中,offset().top为ListBox距离页面顶部的距离,20为ListBox的外边距和内边距之和。通过计算浏览器窗口高度和ListBox距离页面顶部的距离,再减去20,即可得到ListBox的自适应高度。
阅读全文