easyui 的datagrid表格中怎样实现多选的下拉列表

easyui 的datagrid表格中怎样实现多选的下拉列表,第1张

大体一个例子

{ field: 'name', title: '企业名称', width: '70',align: 'center',

editor:{

type: 'combobox',

options: {

multiple:true,

valueField: 'entCode',

textField: 'entName',

url: '后台取数的ajax路径'

}

}

}

这样 当行开启编辑状态时 企业名称这个单元格就会显示combobox 并且可以多选

easyui给出的combobox多选下拉菜单的示例是这样的:

<span>Multiple: </span>

<input id="cc" class="easyui-combobox"

name="language"

url="combobox_data.json"

valueField="id"

textField="text"

multiple="true"

panelHeight="auto">

他给出的获取值的方法如下:var val = $('#cc').combobox('getValue')

1、在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面select.html。

2、引入EasyUI插件核心css和js文件,并引入jQuery核心js文件。

3、下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置ComboBox样式,如下图所示。

4、编辑js代码,获取ComboBox选中的值和文本,利用getValue和getText方法分别获取值和文本。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11874050.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存