如何取消选择easyui-combogrid的下拉数据

最新推荐文章于 2022-03-10 17:44:54 发布

HouJi1

最新推荐文章于 2022-03-10 17:44:54 发布

阅读量2.1k

点赞数

文章标签：如何通过点击取消easyui-combo

本文链接：https://blog.youkuaiyun.com/HouJi1/article/details/75065818

版权

本文介绍如何在EasyUI环境中取消Combogrid组件已选择的下拉数据项。通过监听onClickRow事件，实现点击选中项时取消选择的功能。示例代码展示了如何设置和触发这一操作，帮助开发者解决在EasyUI应用中遇到的类似问题。

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

<div style="height: 50px;line-height: 50px;">
    <label style="width: 135px">取消数据希腊表格的选中项</label>
    <input id="select" name="select" editable="false" class="easyui-combogrid" style="width:200px" data-options="
    panelWidth: 440,
    idField: 'scriptId',
    textField: 'scriptName',
    url:'his/inputInfo/md01.html',  
    columns:[[ 
             {field:'aka060',title:'药品(项目)编码',width:80},  
             {field:'aka063',title:'收费类别',width:40},  
    ]]
    fitColumns: true
">
下面是点击已经被选中的下拉数据项然后触发取消选择该选项的JS方法：
<script type="text/javascript">
    $(function () {
        setTimeout(function () {
            var $grid = $('#select');
            $grid.combogrid('grid').datagrid('options').onClickRow = function(index, row) {
                if(oold==row.scriptId){
                    oold="";
                    $("#select").combogrid("setValue","");
                }else{
                    $grid.combo('setValue', row.scriptId);
                    oold=row.scriptId;
                }
                $grid.combo('hidePanel');
            }
        }, 1000);
    });
</script>