如何动态加载下拉框,XML内容
<choice>
<choiceradiogroup>
<_renderer>
<![CDATA[<radiobutton><_value>${itemValue}</_value>${itemName}</radiobutton>]]>
</_renderer>
<_items>@{itemList}</_items>
</choiceradiogroup>
</choice>
java代码 DataProvide
public class combo implements Frame {
protected Screen screen;
// Associate our data provider to the frame
protected MyDataProvider dataProvider = new MyDataProvider();
public void onAdded() {
// TODO Auto-generated method stub
dataProvider.initializeChoices();
screen = Kuix.loadScreen("combo.xml", dataProvider);
screen.setCurrent();
}
public boolean onMessage(Object identifier, Object[] arg1) {
// TODO Auto-generated method stub
if ("back".equals(identifier)) {
// remove the current frame from the framehandler stack
Kuix.getFrameHandler().removeFrame(this);
// and display the main screen
Kuix.getFrameHandler().getTopFrame().onAdded();
// do not propagate the message through the rest of the frame stack
return false;
}
// let the next frames in the stack, process the message
return true;
}
public void onRemoved() {
// TODO Auto-generated method stub
screen.cleanUp();
// unreference the screen object to free the memory
screen = null;
}
}
class MyDataProvider extends DataProvider {
private static final String ITEM_LIST = "itemList";
public void initializeChoices() {
for(int i=0;i<2;i++) {
ChoiceListItem item = new ChoiceListItem();
item.setItemName("ItemName " + i);
item.setItemValue("ItemValue " + i);
addItem(ITEM_LIST, item);
}
}
}
class ChoiceListItem extends DataProvider{
private String itemValue;
private String itemName;
public String getItemName() {
return itemName;
}
public void setItemName(String itemName) {
this.itemName = itemName;
}
public String getItemValue() {
return itemValue;
}
public void setItemValue(String itemValue) {
this.itemValue = itemValue;
}
protected Object getUserDefinedValue(String property) {
// handle custom properties requests
if ("itemName".equals(property)) {
return this.itemName;
}
if ("itemValue".equals(property)) {
return this.itemValue;
}
// default behavior if the property has not been found
return null;
}
}
获取下拉框当前选择项的数值
<choice>
<choiceRadiogroup id="chk1">
。。。
<button onAction="choicechange(#chk1.selectedradiobutton)">get</button>
里面的事件处理代码:
RadioButton rad=(RadioButton)arguments[0];
Kuix.alert((String)rad.getValue());
其他说明:
1 onAction是在弹出下拉列表时触发,不是修改选择项后触发的
2 getTag返回的是标签“RadioButton”,由于列表中可能不只包含文字,所以无论ChoiceGroup还是RadioButton都不提供读取当前选中文字的功能,如果确实需要返回里面的文字,可以考虑把文字写入ID,前面加适当前缀,但是必须保证唯一
3 接2,实机上下拉框是一个容器,如果其中只包含文本的话可以用下面的代码获取其中的文本
((Text)rad.getChild()).getText();
4 实际上上面的触发事件用
choicechange(#chk1.value)可以直接传入选中项的值
分享到:
相关推荐
**标题解析:** "AJAXA例子--动态加载下拉框" 这个标题表明我们将探讨一个使用AJAX技术来动态加载下拉框内容的实际示例。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,通过后台与服务器...
下拉框(Dropdown)是网页表单中常见的一种元素,用于用户进行多项选择,而为其添加动态背景效果,可以增加用户的视觉吸引力,提高交互体验。 首先,我们需要了解HTML中的`<select>`元素,它是创建下拉框的基础。在...
直接上代码吧~ 用户类型 width=180> <template slot-scope=scope> <el v-model=scope.row.roleID placeholder=请选择 change=changeRole($event,scope)> <el-option v-for=item in roles ...
3. **选中项管理**: 当`multiSelect`开启时,你可以通过`valueField`属性来指定用于存储选中项值的字段。`selectedItem`或`value`属性可以用来获取或设置当前选中的项。 4. **事件处理**: EXT提供了丰富的事件处理...
3. 事件监听:通过JavaScript的事件监听功能,我们可以为下拉框添加各种交互响应,如`onchange`事件,当用户选择新的选项时触发特定的函数。 4. 多选下拉框:利用`<select multiple>`属性,可以创建一个允许多选的...
uni-app下拉框实现,纯原生写法
自定义-js模仿下拉框效果 测过IE6/7/8 ff5.0 chremo 12.0. 是用li来模仿的,隐藏存在一个select方便form提交,其实既然只是获取选定后的数据,也可以用隐藏的input:text 代替 (如果出现什么异常可以给本人留言)
JavaScript应用实例-悬浮窗下拉框.js
bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...
AutoJs源码-悬浮窗下拉框。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!...
本项目“ios-自定义ComboBox下拉框组件”正是为了解决这一问题,它提供了一个类似网页中ComboBox的功能,使得用户可以在输入框中进行选择操作,提升界面的交互性。 该组件的核心在于其自定义的下拉框效果,它允许...
然而,由于下拉框默认不支持动态内容更新,我们通常会借助JavaScript来实现这一功能。 在JavaScript中,我们可以使用`setInterval`函数来定时执行某段代码,例如每秒更新一次当前时间。这段代码可能如下: ```...
3. **JavaScript事件监听**:接着,我们需要使用JavaScript来监听下拉框的`change`事件。当用户更改选择时,此事件会被触发。 ```javascript document.getElementById('imageSelector').addEventListener('change',...
点击单元格,自动弹出下拉框,根据输入逐步搜索,模糊搜索,直接选择
在本话题中,我们聚焦于Bootstrap Table的一个扩展功能——可编辑下拉框,这得益于`bootstrap-table-editable`插件的使用。这个插件允许用户在表格的单元格内直接进行编辑,包括选择下拉框中的值。 `bootstrap-...
测试boostrap-select下拉框,下拉框样式
《layui-多选下拉框-xm-select:前端开发中的高效解决方案》 在现代Web开发中,用户界面的交互性和易用性是至关重要的。layui框架以其轻量级、高效和丰富的组件库,成为了众多开发者青睐的选择。尤其在构建多选...
3. **动态创建子下拉框的选项**:在Ajax请求成功后,我们需要解析返回的JSON数据,并根据数据生成`<option>`元素。 ```javascript success: function(response) { var subcategories = JSON.parse(response); $(...
例如,要动态添加一个新选项,可以这样做: ```javascript dropdown.append('新选项</option>'); ``` 或者,如果你想移除某个选项,可以使用`remove()`方法: ```javascript $('option[value="toBeRemoved"]')....