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 并且可以多选

1、在创建的web项目新建静态页面,并将EasyUI核心CSS和JavaScript文件,注意文件引入的先后顺序。

2、在body插入树形结构数据,设置树容器ID,这里利用的是树的种类来作为树的数据源。

3、为了使单选树改成复选树,需要设置tree的属性checkbox为true,表示可以多选。

4、在tree控件下方插入一个按钮,使用点击事件用于获取tree控件选中的文本内容。

5、下面编写按钮点击事件,获取tree控件选中的节点,并遍历选中树节点打印出节点内容。

6、预览静态页面,点击“选取选中值”按钮,这时会在浏览器下方打印出选中复选框的树节点值。


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

原文地址: http://outofmemory.cn/sjk/9890254.html

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

发表评论

登录后才能评论

评论列表(0条)

保存