GWT教程
 GWT RadioButton组件 GWT SuggestBox组件 

GWT ListBox组件

GWT ListBox组件 介绍

ListBox组件代表一个列表框或一个下拉列表。

GWT ListBox组件 声明

以下是com.google.gwt.user.client.ui.ListBox类的声明

public class ListBox
   extends FocusWidget
      implements SourcesChangeEvents, HasName

CSS 样式规则

以下默认 CSS 样式规则将应用于所有ListBox标签。您可以根据您的要求覆盖它。

.gwt-ListBox {}

GWT ListBox组件 构造方法

构造方法 描述
ListBox() 在单选模式下创建一个空列表框。
ListBox(boolean isMultipleSelect) 创建一个空列表框。
ListBox(Element element) 子类可以使用此构造函数来显式使用现有元素。

GWT ListBox组件 方法

方法 描述
void addItem(java.lang.String item) 将项目添加到列表框中。
void addItem(java.lang.String item, java.lang.String value) 将项目添加到列表框中，指定项目的初始值。
void clear() 从列表框中删除所有项目。
int getItemCount() 获取列表框中存在的项目数。
java.lang.String getItemText(int index) 获取与指定索引处的项目关联的文本。
java.lang.String getName() 获取小部件的名称。
int getSelectedIndex() 获取当前选择的项目。
java.lang.String getValue(int index) 获取与给定索引处的项目关联的值。
int getVisibleItemCount() 获取可见的项目数。
void insertItem(java.lang.String item, int index) 将项目插入列表框中。
void insertItem(java.lang.String item, java.lang.String value, int index) 将项目插入列表框中，指定项目的初始值。
boolean isItemSelected(int index) 确定是否选择了单个列表项。
boolean isMultipleSelect() 获取此列表是否允许多选。
void onBrowserEvent(Event event) 每当接收到浏览器事件时触发。
protected void onEnsureDebugId(java.lang.String baseID) 受影响的元素：-item# = 指定索引处的选项。
void removeChangeListener(ChangeListener listener) 删除以前添加的侦听器接口。
void removeItem(int index) 删除指定索引处的项目。
void setItemSelected(int index, boolean selected) 设置是否选择单个列表项。
void setItemText(int index,java.lang.String text) 在给定索引处设置文本。
void setMultipleSelect(boolean multiple) 设置此列表是否允许多选。
void setName(java.lang.String name) 设置小部件的名称。
void setSelectedIndex(int index) 设置当前选择的索引。
void setValue(int index, java.lang.String value) 在给定索引处设置与项目关联的值。
void setVisibleItemCount(int visibleItems) 设置可见的项目数。
static ListBox wrap(Element element) 创建一个包含现有 <select> 元素的 ListBox 小部件。
void addChangeListener(ChangeListener listener) 添加侦听器接口以接收更改事件。

GWT ListBox组件 示例

1）修改HelloWorld.gwt.xml

<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.8.0//EN"
        "http://gwtproject.org/doctype/2.8.0/gwt-module.dtd">
<module rename-to="HelloWorld">

    <!-- Inherit the core Web Toolkit stuff.                  -->
    <inherits name='com.google.gwt.user.User'/>

    <!-- Specify the app entry point class.                   -->
    <entry-point class='com.yiidian.helloWorld.client.HelloWorld'/>


    <!-- Specify the app servlets.                   -->
    <servlet path='/HelloWorldService' class='com.yiidian.helloWorld.server.HelloWorldServiceImpl'/>

    <source path = 'client'/>
    <source path = 'shared'/>
</module>

2）修改HelloWorld.css

body {
    text-align: center;
    font-family: verdana, sans-serif;
}

h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
}

.gwt-ListBox{
    color:green;
}

3）修改HelloWorld.html

<html>
<head>
    <title>yiidian.com-GWT Hello World</title>
    <link type="text/css" rel="stylesheet" href="HelloWorld.css">
    <script type="text/javascript" language="javascript" src="HelloWorld/HelloWorld.nocache.js"></script>
</head>
<body>
<h1>ListBox Widget Demonstration</h1>
<div id = "gwtContainer"></div>
</body>
</html>

4）HelloWorld.java

package com.yiidian.helloWorld.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.*;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.DOM;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.ClickEvent;

/**
 * Entry point classes define <code>onModuleLoad()</code>
 */
public class HelloWorld implements EntryPoint {
    public void onModuleLoad() {

        // Make a new list box, adding a few items to it.
        ListBox listBox1 = new ListBox();
        listBox1.addItem("First");
        listBox1.addItem("Second");
        listBox1.addItem("Third");
        listBox1.addItem("Fourth");
        listBox1.addItem("Fifth");

        // Make a new list box, adding a few items to it.
        ListBox listBox2 = new ListBox();
        listBox2.addItem("First");
        listBox2.addItem("Second");
        listBox2.addItem("Third");
        listBox2.addItem("Fourth");
        listBox2.addItem("Fifth");

        // Make enough room for all five items
        listBox1.setVisibleItemCount(5);

        //setting itemcount value to 1 turns listbox into a drop-down list.
        listBox2.setVisibleItemCount(1);

        // Add listboxes to the root panel.
        VerticalPanel panel = new VerticalPanel();
        panel.setSpacing(10);
        panel.add(listBox1);
        panel.add(listBox2);

        RootPanel.get("gwtContainer").add(panel);
    }
}

运行应用程序，显示结果如下：

 GWT RadioButton组件 GWT SuggestBox组件 

热门文章

优秀文章

全部教程