`
shappy1978
  • 浏览: 700274 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Kuix教程3 - 动态生成下拉框

    博客分类:
  • J2ME
阅读更多

    如何动态加载下拉框,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)可以直接传入选中项的值
1
0
分享到:
评论

相关推荐

    AJAXA例子--动态加载下拉框

    **标题解析:** "AJAXA例子--动态加载下拉框" 这个标题表明我们将探讨一个使用AJAX技术来动态加载下拉框内容的实际示例。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,通过后台与服务器...

    javascript经典特效---下拉框选择背景.rar

    下拉框(Dropdown)是网页表单中常见的一种元素,用于用户进行多项选择,而为其添加动态背景效果,可以增加用户的视觉吸引力,提高交互体验。 首先,我们需要了解HTML中的`&lt;select&gt;`元素,它是创建下拉框的基础。在...

    Vue + Element-ui的下拉框el-select获取额外参数详解

    直接上代码吧~ 用户类型 width=180&gt; &lt;template slot-scope=scope&gt; &lt;el v-model=scope.row.roleID placeholder=请选择 change=changeRole($event,scope)&gt; &lt;el-option v-for=item in roles ...

    ext-----多选下拉框

    3. **选中项管理**: 当`multiSelect`开启时,你可以通过`valueField`属性来指定用于存储选中项值的字段。`selectedItem`或`value`属性可以用来获取或设置当前选中的项。 4. **事件处理**: EXT提供了丰富的事件处理...

    javascript经典特效---下拉框的新特性.rar

    3. 事件监听:通过JavaScript的事件监听功能,我们可以为下拉框添加各种交互响应,如`onchange`事件,当用户选择新的选项时触发特定的函数。 4. 多选下拉框:利用`&lt;select multiple&gt;`属性,可以创建一个允许多选的...

    uni-app下拉框实现

    uni-app下拉框实现,纯原生写法

    自定义-js模仿下拉框效果

    自定义-js模仿下拉框效果 测过IE6/7/8 ff5.0 chremo 12.0. 是用li来模仿的,隐藏存在一个select方便form提交,其实既然只是获取选定后的数据,也可以用隐藏的input:text 代替 (如果出现什么异常可以给本人留言)

    JavaScript应用实例-悬浮窗下拉框.js

    JavaScript应用实例-悬浮窗下拉框.js

    bootstrap-select 下拉框demo(含多种样式)

    bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...

    AutoJs源码-悬浮窗下拉框

    AutoJs源码-悬浮窗下拉框。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!...

    ios-自定义ComboBox下拉框组件.zip

    本项目“ios-自定义ComboBox下拉框组件”正是为了解决这一问题,它提供了一个类似网页中ComboBox的功能,使得用户可以在输入框中进行选择操作,提升界面的交互性。 该组件的核心在于其自定义的下拉框效果,它允许...

    javascript经典特效---下拉框显示当前时间.rar

    然而,由于下拉框默认不支持动态内容更新,我们通常会借助JavaScript来实现这一功能。 在JavaScript中,我们可以使用`setInterval`函数来定时执行某段代码,例如每秒更新一次当前时间。这段代码可能如下: ```...

    javascript经典特效---下拉框选择显示图片.rar

    3. **JavaScript事件监听**:接着,我们需要使用JavaScript来监听下拉框的`change`事件。当用户更改选择时,此事件会被触发。 ```javascript document.getElementById('imageSelector').addEventListener('change',...

    EXECLVBA:自动生成下拉框-模糊搜索生成下拉框

    点击单元格,自动弹出下拉框,根据输入逐步搜索,模糊搜索,直接选择

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    在本话题中,我们聚焦于Bootstrap Table的一个扩展功能——可编辑下拉框,这得益于`bootstrap-table-editable`插件的使用。这个插件允许用户在表格的单元格内直接进行编辑,包括选择下拉框中的值。 `bootstrap-...

    测试boostrap-select下拉框,下拉框样式

    测试boostrap-select下拉框,下拉框样式

    layui-多选下拉框-xm-select-demo源码

    《layui-多选下拉框-xm-select:前端开发中的高效解决方案》 在现代Web开发中,用户界面的交互性和易用性是至关重要的。layui框架以其轻量级、高效和丰富的组件库,成为了众多开发者青睐的选择。尤其在构建多选...

    jquery动态创建联动下拉框

    3. **动态创建子下拉框的选项**:在Ajax请求成功后,我们需要解析返回的JSON数据,并根据数据生成`&lt;option&gt;`元素。 ```javascript success: function(response) { var subcategories = JSON.parse(response); $(...

    jquery--下拉框的实现

    例如,要动态添加一个新选项,可以这样做: ```javascript dropdown.append('新选项&lt;/option&gt;'); ``` 或者,如果你想移除某个选项,可以使用`remove()`方法: ```javascript $('option[value="toBeRemoved"]')....

Global site tag (gtag.js) - Google Analytics