Combox 下拉显示多列

最新推荐文章于 2014-06-06 11:16:47 发布
最新推荐文章于 2014-06-06 11:16:47 发布
阅读量1.3k 收藏 1
点赞数
文章标签： c# javascript 数据库 ViewUI
本文介绍了一个使用Ext.NET创建的用户添加表单页面。该表单包括账号、密码、姓名等字段，并集成员工工号的选择。文章还讨论了版本差异导致的问题及解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserAdd.aspx.cs" Inherits="Admin_UserAdd" %>

<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>新增用户</title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />

<style type="text/css">
.cbStates-list
{
width: 298px;
font: 11px tahoma,arial,helvetica,sans-serif;
}

.cbStates-list th {
font-weight: bold;
}

.cbStates-list td, .cbStates-list th {
padding: 3px;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<div>

<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="name" />
<ext:RecordField Name="workno" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>


<ext:FormPanel ID="FormPanel1" runat="server" ButtonAlign="Right" Height="250"
Padding="5" Title="新增用户" Width="350">
<Items>
<ext:TextField ID="txtusercode" runat="server" FieldLabel="用户账号" EmptyText="请输入账号">
</ext:TextField>
<ext:TextField ID="txtpassword" runat="server" FieldLabel="用户密码" EmptyText="请输入密码">
</ext:TextField>
<ext:TextField ID="txtname" runat="server" FieldLabel="姓名" EmptyText="请输入姓名">
</ext:TextField>
<ext:ComboBox
ID="cbxworkno"
runat="server"
EmptyText="请选择员工工号"
TypeAhead="true"
ForceSelection="true"
StoreID="Store1"
DisplayField="workno"
ValueField="name"
MinChars="1"
ListWidth="300"
PageSize="10"
ItemSelector="tr.list-item" FieldLabel="工号"
>
<Template ID="Template1" runat="server">
<Html>
<tpl for=".">
<tpl if="[xindex] == 1">
<table class="cbStates-list">
<tr>
<th>员工姓名</th>
<th>员工工号</th>
</tr>
</tpl>
<tr class="list-item">
<td style="padding:3px 0px;">{name}</td>
<td>{workno}</td>
</tr>
<tpl if="[xcount-xindex]==0">
</table>
</tpl>
</tpl>
</Html>
</Template>
<Triggers>
<ext:FieldTrigger Icon="Clear" HideTrigger="true" />
</Triggers>
<Listeners>
<BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
<TriggerClick Handler="if (index == 0) { el.focus().clearValue(); trigger.hide();}" />

<Select Handler="function(el){el.triggers[0].show();}" />
</Listeners>
</ext:ComboBox>

<ext:ComboBox ID="cbxsex" runat="server" FieldLabel="性别" Width="100" EmptyText="请选择性别">
<Items>
<ext:ListItem Text="男" Value="男" />
<ext:ListItem Text="女" Value="女" />
</Items>
</ext:ComboBox>
<ext:TextField ID="txtemail" runat="server" FieldLabel="电子邮件" Width="160" EmptyText="请输入电子邮件">
</ext:TextField>
</Items>
<Buttons>
<ext:Button runat="server" Icon="Disk" Text="Submit" />
</Buttons>
</ext:FormPanel>

</div>
</form>
</body>
</html>
官方网站的写法是<Select Handler="el.triggers[0].show();" />
报错

应该是版本差异：

为了保险起见，你还是定义完整的方法：
<Select Handler="function(el){el.triggers[0].show();}" />
Renamed the standard first parameter of Component Listener arguments to "item". Previous parameter name was "el".

iteye_4537
关注
[Ext.Net]Combox 下拉显示多列
德仔
01-06 5014
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserAdd.aspx.cs" Inherits="Admin_UserAdd" %> <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %> <!DOCTYPE h...
C#实现的多列数据绑定组合框控件MultiColumnComboBoxEx
热门推荐
HuLihui's Blog
02-01 1万+
(原创文章，转载请注明来源：http://blog.youkuaiyun.com/hulihui)0、前言组合框ComboBox是一个十分常用的多功能窗体控件，兼具文本框（TextBox）与列表框（ListBox）两控件的特点，并独具特性AutoCompleteMode。但笔者在实际项目开发中往往感到如下方面的不足：不能分别设置框高与项高，在调整项高ItemHeigth时也调整了组
combobox 多列显示
weixin_34248258的博客
11-08 716
第三方控件EHLIB中的 dblookupcomboboxeh,给它的ListSource指定一个数据源,然后它有一个listField属性,要什么列就可以写在那里,然后用";"分隔开来,就可以有这样的效果了,      Form1.DBLookupComboboxEh1.ListSource:=DataModule1.DataSource1;      Form1.DBLookupCombobo...
【C#】完美实现ComBox多列下拉框+自动完成+DataGridView自定义列
06-07
灵活：数据源、下拉框内显示的列、列名、可搜索关键字等可自由定义 方便：可输可选/支持键盘操作/模糊过滤/自动完成匹配 标准：通过继承combobox实现，可单独使用，也可嵌入datagridview使用 水平有限，欢迎大家多提宝贵意见，共同学习 QQ：41357935 本控件以“随风飘散”在 http://www.cnblogs.com/CodeAnyWhere/archive/2007/09/03/880780.html中的示例代码为基础改进而来，在此感谢！.
MultiColumnComboBox.zip_C# combobox多列_MultiColumnComboBox_multi
07-13
combobox下拉实现出现多列，c#中工具里的combobox中只能下拉显示一列的内容通过重写combobox来达到下拉实现多列的目的！
C# ComboBox(winform) 显示多列 输入自动过滤
02-01
C# ComboBox(winform 2008) 下拉多列 支持按输入的自动过滤（比如输入A，则以A开头的项全匹配出来），当只有一条满足条件时自动选中。
C#重定义的下拉多选控件，支持显示多列、单选/多选，文件中附有源码
06-04
这个自定义控件是基于标准的ComboBox控件进行重定义和扩展，提供了许多实用的功能，包括单选/多选、显示多列数据、自动搜索、自定义列宽以及灵活的数据源绑定。 首先，该控件的最大亮点在于它的多选功能。传统的...
显示多列的combobox
11-19
提供一种显示多列的combobox的方法,相比较类似的功能都可以来实现.
在combox中加入多列。。
9807146wang的专栏
06-06 2202
type     pFields=^TFields;//定义一个记录集     TFields=Record         ID,CName,EName:String;     end; var   Form1: TForm1; implementation {$R *.dfm} procedure TForm1.FormCreate(Sender: TObject); va
Combox 加载多列数据
12-29
datagridview中combox 列显示多个数据列
制作显示多列的Combobox控件
12-03 3977
 一.设计时效果二.运行时效果三.简单谈谈设计思路同样地,类似上篇文章制作DataTimePicker,这里制作的控件无非是一个复合控件显示在一个列表框下.主要实现的功能包括双击选中行返回,键盘回车后返回当前行,将返回行的信息用分隔符号组合起来的字符串显示在combobox 的text中.感性趣的朋友可以发mail给我.四.部分源代码  void Fil
使用EXT实现ComboBox多列下拉列表
helloup5440的专栏
03-29 3169
<br /> 在C/S的开发中，用户在选择的时候一般会要求提供多列下拉列表，以便更好的参考所选择资料的正确性。但是EXT似乎不支持这个功能。但是可不可以通过其 它方式达到这一效果呢？本人经过一天的尝试，终于达到的相关的效果，唯一美中不足的是，ComboBox在选择后，value和text好象有问题，只能 显示value.好了，不说了，看代码： <br />Java代码  var createStockDropDown=function(id){      var stockname="";    
显示多列的ComboBox
学习asp.net winform 的专栏Linq vs2010
06-03 638
http://download.youkuaiyun.com/detail/linjimu/954311 界面和用法：http://blog.youkuaiyun.com/linjimu/archive/2009/01/09/3739537.aspx
Extjs 4 带checkbox框的下拉多选选框
weixin_33948416的博客
02-19 464
Extjs 有着丰富的组件，但是在API里面却没有直接写好的checkbox下拉框组件，这个时候对于新手来说可能有点蒙了，但是在好好看看Extjs的API后我们不难发现，我们可以通过自己设计拼装出checkbox下拉框主键（所有组件都一样的，都是在基本组件的基础上拼装而成的）。 我们通过两个组件得到我们想要的checkbox下拉框： 1. Ext.form...
extjs多行下拉框(combobox)
冷月宫主的专栏
11-14 2713
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">      Untitled Document                            html,body{                padding:10px;            }          
自定义多列的ComboBox
manbufenglin的专栏
05-05 3146
多列, Combobox
combobox控件实现多列显示
weixin_33826268的博客
01-08 1254
      该程序主要参考codeProject上的一个程序，链接已失去，不过要想其致敬！            默认的combobox是不提供多列显示的，所以这里要用绘制的方法显示该功能，主要是重写combobox。其中combobox有个属性DrawMode，需将其设为DrawMode.OwnerDrawVariable，原因如下：从MSDN摘录. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值