`
心雨心
  • 浏览: 354601 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • j2me
阅读更多
如何动态加载下拉框,XML内容



Xml代码
<choice> 
    <choiceradiogroup> 
        <_renderer> 
        <![CDATA[<radiobutton><_value>${itemValue}</_value>${itemName}</radiobutton>]]> 
        </_renderer> 
        <_items>@{itemList}</_items> 
    </choiceradiogroup> 
</choice> 

<choice>
    <choiceradiogroup>
        <_renderer>
        <![CDATA[<radiobutton><_value>${itemValue}</_value>${itemName}</radiobutton>]]>
        </_renderer>
        <_items>@{itemList}</_items>
    </choiceradiogroup>
</choice> 


java代码 DataProvide



Java代码
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;  
    }     


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;
    }
}
 
        获取下拉框当前选择项的数值



Java代码
<choice>  
    <choiceRadiogroup id="chk1">  
。。。  
<button onAction="choicechange(#chk1.selectedradiobutton)">get</button> 

<choice>
<choiceRadiogroup id="chk1">
。。。
<button onAction="choicechange(#chk1.selectedradiobutton)">get</button>     里面的事件处理代码:



Java代码
RadioButton rad=(RadioButton)arguments[0];  
Kuix.alert((String)rad.getValue()); 

RadioButton rad=(RadioButton)arguments[0];
Kuix.alert((String)rad.getValue());     其他说明:

    1 onAction是在弹出下拉列表时触发,不是修改选择项后触发的

    2 getTag返回的是标签“RadioButton”,由于列表中可能不只包含文字,所以无论ChoiceGroup还是RadioButton都不提供读取当前选中文字的功能,如果确实需要返回里面的文字,可以考虑把文字写入ID,前面加适当前缀,但是必须保证唯一

    3 接2,实机上下拉框是一个容器,如果其中只包含文本的话可以用下面的代码获取其中的文本


Java代码
((Text)rad.getChild()).getText(); 

((Text)rad.getChild()).getText();     4 实际上上面的触发事件用choicechange(#chk1.value)可以直接传入选中项的值


转载于:http://shappy1978.iteye.com
分享到:
评论

相关推荐

    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 代替 (如果出现什么异常可以给本人留言)

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

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

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

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

    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