ComboBox下拉列表

原创 2013年12月04日 10:24:16

@*----ComBox操作-----*@

<script>

 @*Ext.onReady(function () {

       //姓名下拉列表数据

        var dsUsers = new Ext.data.Store({

            proxy: new Ext.data.HttpProxy({

                url:'@Url.Action("GetUser", "ExtDemo")'

            }),

            reader: new Ext.data.JsonReader({

                root: 'Rows',

                id: 'id'

            }, [

                { name: 'id' },

                { name: 'text' }

            ])

        });

 

       //UI显示

        var tabs = new Ext.TabPanel({

            renderTo: 'tabs',

            activeTab: 0,

            frame: true,

            defaults: { autoHeight: true },

            items: [

                //拉合作方式服务产品关系

                new Ext.Panel({

                    title: '关联合作方式与服务产品',

                    frame: true,

                    bodyStyle: 'padding:5px 5px0',

                    width: 700,

                    layout: 'form',

                    labelWidth: 80,

                    layoutConfig: { columns: 1},

                    items: [

                        new Ext.form.ComboBox({

                            id: 'Name',

                            //hiddenName:'GUID',

                            valueField: 'id',

                            fieldLabel: '姓名',

                            store: dsUsers,

                            displayField:'text',

                            typeAhead: false,

                            loadingText: '查找中...',

                            minChars: 1,

                            width: 300,

                            pageSize: 10,

                            hideTrigger: true,

                            queryParam: 'key',

                            allowBlank: false,

                            value:'@Model.Name'

                        }),

                        new Ext.form.ComboBox({

                            id: 'Name1',

                            //hiddenName:'HZAreaID',

                            valueField: 'id',

                            fieldLabel: '姓名',

                            store: dsUsers,

                            displayField:'text',

                            typeAhead: false,

                            loadingText: '查找中...',

                            minChars: 1,

                            width: 200,

                            pageSize: 10,

                            hideTrigger: true,

                            queryParam: 'key',

                            listeners: {

                                'select':function (combo, record, index) {

 

                                }

                            }

                        }),

                        //按服务产品刷选

                        new Ext.form.ComboBox({

                            id: 'Name2',

                            valueField: 'id',

                            fieldLabel: '姓名',

                            store: dsUsers,

                            displayField:'text',

                            width: 200,

                            mode: 'local',

                            editable: true,

                            triggerAction:'all',

                            listeners: {

                                'select':function (combo, record, index) {

 

                                }

                            }

                        }),{

                            name:"paymnetitem",

                            id:"Name3",

                            xtype:"combo",

                            fieldLabel: "姓名",

                            readOnly: true,

                            mode:"local",

                            displayField:"text",

                            valueField:"messagetype",

                            triggerAction:"all",

                            store: dsUsers

                        }

 

                    ]

                })

            ]

        })//-----------TabPanel

   });*@

 

</script>

 

 

后台

//获得类型 下拉

       public stringGetMSType()

        {

           string json = "";

           JavaScriptSerializer jss = new JavaScriptSerializer();

           BLL.MessageType bllbd = new BLL.MessageType();

           List<Model.MessageType>mtlist = new List<Model.MessageType>();

           mtlist = bllbd.GetModelList("");

           if (mtlist.Count > 0)

            {

                var b =mtlist.Select(m => new

               {

                   text = m.MessageTypeName,

                   id = m.Id

               });

               json = jss.Serialize(b);

            }

           return json;

        }

EasyUI ComboBox(下拉列表框)

ComboBox(下拉列表框) 扩展自$.fn.combo.defaults。使用$.fn.combobox.defaults重写默认值对象。 下拉列表框显示一个可编辑文本框和下拉式列表,用户可以...
  • qq_24549805
  • qq_24549805
  • 2016年07月22日 21:13
  • 5442

【WPF】给下拉列表ComboBox绑定数据

设置ItemSource绑定到List< 实体类 >
  • qq_18995513
  • qq_18995513
  • 2017年01月17日 19:16
  • 3374

敏捷思维学习Ext.Net MVC--3.5Form表单组件之下拉菜单(ComboBox)

敏捷思维学习Ext.Net MVC--3.5Form表单组件之下拉菜单(ComboBox) 下面我们来新建一个较为复杂的字段—下拉菜单字段,我们以一个公司的员工所属的部门为例来介绍这个字段。为了达到...
  • rechenwyj
  • rechenwyj
  • 2014年03月01日 13:14
  • 985

combobox之下拉宽度自适应

效果对比 先看下优化前后的效果,再看实现过程. 优化前 优化后 从上图中可看到,combobox优化后可以自适应不同长度的字符串,保证每个字符串都能够显示完整。...
  • xiao3404
  • xiao3404
  • 2017年03月12日 16:10
  • 1694

ExtJS ComboBox 下拉列表详细用法

原文转自起飞网:http://www.qeefee.com/article/000171 ComboBox 是ExtJS中经常用到的控件,今天我们来讲一下它的一些用法。 使用本地Store ...
  • luckypeng
  • luckypeng
  • 2015年06月14日 23:23
  • 13881

ComboBox自定义下拉控件

自定义控件继承自ComboBox, 可以下拉时显示的任意下拉控件。 如图。 *该控件不知是哪位作者弄的。找不见了。(要是有侵权,请联系本人) 控件源码     public delegat...
  • shizhen_2012
  • shizhen_2012
  • 2016年08月31日 15:32
  • 1980

Tkinter的下拉列表Combobox

tk中下拉列表使用ttk.Combobox,代码如下: #!/usr/bin/env python # -*- coding: utf-8 -*- import tkinter as tk fr...
  • u010159842
  • u010159842
  • 2016年11月22日 16:12
  • 5290

Qt 之-下拉列表框QComboBox类

QComboBox是QT GUI中的下拉列表框。 [cpp] view plaincopy class Q_GUI_EXPORT QComboBox : p...
  • oLinXi1234567
  • oLinXi1234567
  • 2014年05月13日 16:43
  • 3079

Qt Quick自定义下拉框

Qt Quick很多控件都提供了相应的style样式定制,比如ScrollViewStyle、ButtonStyle、TreeViewStyle等等。但是有时候用着就是不怎么习惯,这时候就可以自定义控...
  • jackfeng44
  • jackfeng44
  • 2017年03月31日 16:04
  • 594

[组件开发] flex 4 s:dropdownlist 垂直下拉滚动条 样式重写

主APP  main.mxml:
  • happyrabbit456
  • happyrabbit456
  • 2013年04月12日 19:56
  • 1001
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ComboBox下拉列表
举报原因:
原因补充:

(最多只允许输入30个字)