Multiline ComboBox

最新推荐文章于 2020-04-03 13:59:50 发布
最新推荐文章于 2020-04-03 13:59:50 发布
阅读量134 收藏
点赞数
文章标签： javascript ViewUI 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Multiline ComboBox - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
    <h2>Multiline ComboBox</h2>
    <p>This example shows how to create a multiline ComboBox.</p>
    <div style="margin:20px 0"></div>
    
    <select class="easyui-combobox" name="state" data-options="multiple:true,multiline:true" style="width:200px;height:50px">
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
        <option value="AZ">Arizona</option>
        <option value="AR">Arkansas</option>
        <option value="CA">California</option>
        <option value="CO">Colorado</option>
        <option value="CT">Connecticut</option>
        <option value="DE">Delaware</option>
        <option value="FL">Florida</option>
        <option value="GA">Georgia</option>
        <option value="HI">Hawaii</option>
        <option value="ID">Idaho</option>
        <option value="IL">Illinois</option>
        <option value="IN">Indiana</option>
        <option value="IA">Iowa</option>
        <option value="KS">Kansas</option>
        <option value="KY">Kentucky</option>
        <option value="LA">Louisiana</option>
        <option value="ME">Maine</option>
        <option value="MD">Maryland</option>
        <option value="MA">Massachusetts</option>
        <option value="MI">Michigan</option>
        <option value="MN">Minnesota</option>
        <option value="MS">Mississippi</option>
        <option value="MO">Missouri</option>
        <option value="MT">Montana</option>
        <option value="NE">Nebraska</option>
        <option value="NV">Nevada</option>
        <option value="NH">New Hampshire</option>
        <option value="NJ">New Jersey</option>
        <option value="NM">New Mexico</option>
        <option value="NY">New York</option>
        <option value="NC">North Carolina</option>
        <option value="ND">North Dakota</option>
        <option value="OH" selected>Ohio</option>
        <option value="OK">Oklahoma</option>
        <option value="OR">Oregon</option>
        <option value="PA">Pennsylvania</option>
        <option value="RI">Rhode Island</option>
        <option value="SC">South Carolina</option>
        <option value="SD">South Dakota</option>
        <option value="TN">Tennessee</option>
        <option value="TX">Texas</option>
        <option value="UT">Utah</option>
        <option value="VT">Vermont</option>
        <option value="VA">Virginia</option>
        <option value="WA">Washington</option>
        <option value="WV">West Virginia</option>
        <option value="WI">Wisconsin</option>
        <option value="WY">Wyoming</option>
    </select>
 
</body>
</html>

 

weixin_34348111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Easyui的组合框的取值与赋值
09-01
在本文中，我们将深入探讨EasyUI的组合框（Combobox），特别是如何实现多选功能以及如何进行取值和赋值操作。EasyUI是一款基于jQuery的轻量级UI库，提供了丰富的组件，包括Combobox，它使得在Web应用中创建交互式...
VB文本框TEXTBOX文字垂直居中
08-25
TextBox有多种属性可以调整其外观和行为，如Text、ForeColor、BackColor、Multiline、ScrollBars等，但其中并没有直接用于设置文字垂直居中的属性。因此，我们需要借助其他方法来达到目的。 一种常见的方法是利用...
Multiple-line syntax 解决JAVA多行字符串拼接的问题
halo0623的博客
04-03 498
原文
easyui之 combobox自动补全(多选)
赶路人儿
09-10 6269
1、easyui的combobox组建设置multiline和multiple两个属性为true时，表示可以多选； 2、默认，combobox多选想之间是通过英文的逗号“，”隔开的，即在文本框中输入英文逗号就可以开始一次新的自动不全操作，这对于输入中文来说很不方便，每次选中一项后还得切换到英文输入逗号然后在开始下一次输入不全。。。但combobox提供了separator属性，通过它可以设置使用
EasyUI combobox 多选及回显赋值
itmyhome的专栏
06-06 2万+
multiple boolean 决定是否支持多项选择. $('#cc').combobox({ url:'combobox_data.json', multiple:true, //支持多选 valueField:'id', textField:'text' }); 单选赋值：setValue $('#cc').combobox('setV
Vb窗体常用控件综合实例,代码开源下载.rar
07-10
Multiline属性设置为True时，TextBox变为多行模式，ScrollBars属性可以控制滚动条的显示。同时，可以通过AppendText方法追加文本，或使用SelStart和SelLength属性处理选中部分。 在窗体控件间建立关联，主要是通过...
vb.net 2010入门(2)-使用较复杂的输入控件
04-03
7. **TextBox 控件的多行模式**：虽然TextBox通常是单行文本输入，但通过设置Multiline属性为True，可以将其转换为多行文本框，用于长文本输入。此外，还可以启用ScrollBars属性，以便在文本超出可视区域时提供滚动...
Combobox多选：与ListCheckbox组合【二】
Nemo的笔记本
04-11 2187
因为1的缺陷，所以我又从网上找到一个解决方案代码。下载代码和参考的地址：http://www.codeproject.com/Articles/21085/CheckBox-ComboBox-Extending-the-ComboBox-Class-and个人的使用方法是，得到里面的CheckBoxComboBox.dll引用，然后类中using PresentationControls;最后拷一...
comboBox的多选框之疑难杂症——逗号篇
weixin_34113237的博客
09-02 609
          提笔写正文之前，首先要再次提醒一下自己，因为总是记不住，以至大神同事们都开始用“嫌弃”的眼光看自己了——遇到问题，自己去解决，没有什么问题是解决不掉的，不要在没认真努力思考之前就去麻烦大神同事，切记切记！同样的问题，希望真的可以记住，记住！         记得使用easyui中的combobox吗？效果是酱紫滴：   平常使用的时候，也就是很普通的下拉选框，即单选...
关于easyui combobox下拉框实现多选框以及全选、全不选的实现
qq_35272054的博客
01-15 1万+
参考文章:http://blog.csdn.net/u012027337/article/details/53927376 实现效果如下图： 当勾选全选的时候，可以选中下列所有的选项，当取消勾选时可取消所有勾选。 废话不多说 贴代码吧： 前端代码: //这里的id是上面的combobox的id,因为我要在点击一个按钮的之后再动态的加载出来，所以我把它单独的抽取出来了。如果
用easyUI的combobox实现多选下拉框
gaoshili001的专栏
07-31 6070
其中majorList为从action中传过来的集合，要实现这个功能只要在标签中添加一个multiple="true"属性就可以实现了。 具体效果如下：
easyui的组合框combobox的取值与赋值
weixin_34014277的博客
10-21 1340
2019独角兽企业重金招聘Python工程师标准>>> ...
自定义下拉框--颜色、线条（line）
劳动公社
04-23 1607
Ⅰ概要说明ComboBox 是最常用的窗体控件之一，在各种开发中，我么有可能需要将各种各样的对象放到ComboBox 上去。为此微软为ComboBox提供了极据效力的扩展功能来应付这种需求。在一次针对Excel的应用开发中，为了能像Excel那样为单元格设定边框样式，我制作了下面这样的下拉框。感谢.NET让这一切变得非常容易和方便。Ⅱ示例：为了能够实现自定义，我们首先需要将ComboBox.D
如何实现jquery easyui combotree 下拉加载默认选中
txp1993的专栏
09-24 1万+
经过多次的测试，发现实现
combotree下拉框多选
pyy的博客
08-22 2796
        var dataJson = "[";         dataJson += "{\"id\":\"all\",\"text\":\"全部\",\"checked\":true" + ",\"children\":["         dataJson += "{\"id\":\&q
easyui combobox 取值赋值问题
热门推荐
青木
10-19 5万+
根据文档//多选赋值 $('#cc').combobox('setValues', ['001','002']); //单选赋值 $('#cc').combobox('setValue', '001'); //取值方法在combo分类中The methods extend from combo, below is the added or overridden methods for combobo
combobox自动换行
最新发布
05-24
ComboBox 控件默认是不支持自动换行的，但可以通过以下方法实现： 1. 继承 ComboBox 控件，重写 OnTextChanged 方法，在方法中添加自动换行的逻辑。 2. 在 ComboBox 控件中添加一个 TextBox 控件，设置 TextBox 控件为多行文本框并启用自动换行，然后将 TextBox 控件嵌入到 ComboBox 控件中。 以下是第二种方法的示例代码： ```csharp public class MultiLineComboBox : ComboBox { private TextBox _textBox; public MultiLineComboBox() { _textBox = new TextBox(); _textBox.Multiline = true; _textBox.WordWrap = true; _textBox.ScrollBars = ScrollBars.Vertical; _textBox.TextChanged += OnTextChanged; Controls.Add(_textBox); } protected override void OnResize(EventArgs e) { base.OnResize(e); _textBox.Size = new Size(ClientSize.Width - 2, ClientSize.Height - 2); _textBox.Location = new Point(1, 1); } protected override void OnSelectedIndexChanged(EventArgs e) { base.OnSelectedIndexChanged(e); _textBox.Text = SelectedItem?.ToString() ?? ""; } private void OnTextChanged(object sender, EventArgs e) { if (SelectedItem != null && _textBox.Text != SelectedItem.ToString()) { SelectedItem = _textBox.Text; } } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值