从本地读取数据:
<HTML>
<HEAD>
<TITLE>使用EXT输出HelloWorld</TITLE>
<!-- 导入extjs配置 … ... -->
<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var store = new Ext.data.SimpleStore({
fields:['province','post'],
data: [['北京','100000'],['通县','101100'],['昌平','102200'],
['大兴','102600'],['密云','101500'],['延庆','102100'],
['顺义','101300'],['怀柔','101400'],['北理','101200']]
});
var form = new Ext.form.FormPanel({
title: 'Ext.form.ComboBox本地数据源示例',
height: 100,
width: 270,
frame: true,
labelSeparator: ':',
labelWidth: 80,
bodyStyle: 'padding:5 5 5 5',
applyTo: 'form',
items:[
new Ext.form.ComboBox({
id: 'post',
fieldLabel: '邮政编码',
triggerAction: 'all', //单机触发按钮显示全部数据
store: store, //设置数据源
displayField: 'province', //定义要显示的字段
valueField: 'post', //定义值字段
mode: 'local', //本地模式
forceSelection: true, //要求输入值必须在列表中存在
resizable:true, //允许改变下拉列表的大小
typeAhead: true, //允许自动选择匹配的剩余部分文本
value: 102600, //默认选择大兴
handleHeight: 10 //下拉列表中拖动手柄的高度
})
]
});
});
</script>
</HEAD>
<body id="form">
</body>
</HTML>
分享到:
相关推荐
在.NET框架中,C#是一种常用的编程语言,用于开发Windows桌面应用、Web应用以及移动应用等。本项目关注的是一个自定义的ComboBox控件,它扩展了标准的ComboBox功能,提供了更加丰富的用户体验,特别是对于需要在下拉...
在FlexTest这个项目中,你可以创建一个示例应用,包含一个不可编辑的ComboBox,并应用上述样式。通过这种方式,你可以直观地看到样式变化并根据需求进行调整。 总的来说,Flex的ComboBox组件提供了丰富的自定义能力...
这个主题涵盖了几个关于ComboBox的高级特性和定制方法,包括改变下拉高度、强制展开下拉列表、实现自动查询功能、创建多列下拉框、应用XP风格以及添加图标到ComboBox。 1. 改变ComboBox下拉高度:默认情况下,...
本文将深入探讨下拉框在C#编程中的应用,并提供相关的代码示例。 下拉框通常用于展示一系列选项供用户选择,它结合了文本输入和列表选择的功能。在C#中,下拉框主要通过`System.Windows.Forms.ComboBox`类来实现。...
本示例是关于如何在ComboBox中同时显示图片和文字,这通常需要自定义控件或者扩展默认的ComboBox功能。下面我们将详细探讨这个主题。 1. **自定义ComboBox控件** 在标准的Windows API或MFC(Microsoft Foundation ...
1. **下拉框代理(ComboBox Delegate)**: 下拉框代理允许我们在`QTableWidget`的单元格中插入一个下拉菜单,用户只能从预设的选项中选择,从而限制了输入。创建下拉框代理需要继承`QStyledItemDelegate`,并重写`...
七、ASP.NET 中 JS+JQuery 添加下拉框值和后台获取示例 在 ASP.NET 中,可以使用 JS 和 JQuery 库来动态添加下拉框的选项,并将其传递给后台处理程序。 八、ASP.NET 实现下拉框只读功能 在 ASP.NET 中,可以使用 ...
7. **示例代码**:在提供的源码中,你可能会看到类似这样的代码片段,用于创建、定位和处理Combobox的事件: ```delphi procedure TForm1.StringGrid1BeforeDrawCell(Sender: TObject; ACol, ARow: Integer; Rect:...
在编程领域,尤其是在Windows应用程序开发中,下拉框(Dropdown Box)是一种常见的用户界面元素,它允许用户从预设的一组选项中选择一个值。在C#编程中,下拉框通常通过ComboBox控件实现。本教程将深入探讨下拉框在...
1. **多选机制**:在标准的WPF ComboBox中,用户只能选择一个选项。要实现多选,我们需要添加一个多选框(CheckBox)元素与每个列表项关联。当用户勾选这些CheckBox时,相关的数据项就被选中。这通常可以通过在...
总的来说,自定义Qt Quick的下拉框Combobox是一项灵活的任务,可以根据项目的具体需求进行深度定制,同时保持良好的用户体验和视觉效果。通过QML的声明式编程和强大的动画系统,你可以创造出功能丰富且具有吸引力的...
以下是一个简单的示例: ```javascript Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', // 使用fit布局,使组件充满容器 items: [{ xtype:...
在VB6.0编程环境中,组合框(ComboBox)和下拉框(ListBox)是两种常见的控件,它们在用户界面设计中扮演着重要的角色。这些控件提供了用户交互的便捷方式,使得用户能够通过选择预定义的选项来输入数据。在本教程中...
通过这个简单的实例,你应该对C#中`comboBox`的基本操作有了初步了解。实践是学习的最佳途径,尝试创建自己的项目,应用这些知识,你会发现`comboBox`控件的强大和灵活性。记住,不断学习和探索,是提升编程技能的...
本篇文章将深入探讨QML中的基础元素,包括对话框(Dialogs)、复选框(CheckBox)以及下拉框(ComboBox),帮助你更好地理解和应用这些组件。 首先,我们来谈谈对话框(Dialogs)。对话框是QML中一种常见的用户交互...
`ImageComboBoxDemo`是一个示例程序,它展示了如何在Java Swing环境中创建一个结合了图像和文本的下拉框组件,通常称为`Image ComboBox`。这个组件在用户界面上提供了一种更加直观和吸引人的交互方式,因为不仅有...
JFrame frame = new JFrame("多选下拉框示例"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); DefaultListModel<String> model = new DefaultListModel(); model.addElement("选项1"); model....
在实际应用中,你可能需要根据需求调整下拉框的大小、字体、位置等属性,或者动态加载选项。通过`Combobox`的其他方法,如`set()`和`get()`,你可以获取或设置下拉框的当前值。 为了更好地理解这个过程,你可以参考...
本示例源码主要关注的是如何在ComboBox控件中嵌入一个TreeView,实现一种自定义控件的创建。这种控件结合了ComboBox的下拉列表功能与TreeView的层次结构展示,使得用户在选择时可以更好地浏览和理解数据结构。 ...
有时,根据应用的设计需求,可能需要调整`ComboBox`控件的下拉列表部分的高度,以提供更好的用户体验。标题“改变`ComboBox`的下拉高度”正是针对这个需求提出的问题。 `ComboBox`的下拉高度主要由两个属性决定:`...