easyui combobox 只能选择第一个问题解决

easyui combobox 只能选择第一个问题解决

问题现象

在拆分开票的时候,弹出框上面有一个下拉框用于选择需要新增的明细行,但是每次只能选择到第一个

选择第二条数据的时候默认选择到第一个了

代码如下

javascript 复制代码
/*新增发票编辑窗口*/
    function addTicketDialog(){
        orderItems = $('#detailTable').datagrid('getRows');
        console.log('orderItems',orderItems)
        // 设置值
        $('#addItem').combobox({
            valueField: 'id', // customerLineItem
            textField: 'projectName',
            data:orderItems,
            panelHeight:'auto',
            onSelect:handleOnSelect
        });
        $('#addDialog').dialog('open');
    }

    function handleOnSelect(rec){
        console.log('rec',rec)
        $('#maxQty').numberbox('setValue',rec.quantity);
        $('#quantity').numberbox({ max:rec.quantity });
        selectedRow = rec
    }

问题原因

问题出现在valueField上,查看数据得知id是number类型的数据,如果把他更换成string类型的数据就能避免此问题;因此我们做一下简单的修改把id

更换成string类型的customerLineItem,问题得到解决

更改之后效果

相关推荐
郑寿昌8 分钟前
IIoT本体迁移的领域扩展机制
服务器·前端·microsoft
深海鱼在掘金31 分钟前
Next.js从入门到实战保姆级教程(第十一章):错误处理与加载状态
前端·typescript·next.js
深海鱼在掘金35 分钟前
Next.js从入门到实战保姆级教程(第十二章):认证鉴权与中间件
前端·typescript·next.js
energy_DT1 小时前
2026年十五五油气田智能增产装备数字孪生,CIMPro孪大师赋能“流动增产工厂”三维可视化管控
前端
龙猫里的小梅啊1 小时前
CSS(四)CSS文本属性
前端·css
MXN_小南学前端1 小时前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
饭小猿人1 小时前
Flutter实现底部动画弹窗有两种方式
开发语言·前端·flutter
让学习成为一种生活方式1 小时前
pbtk v 3.5.0安装与使用--生信工具084
前端·chrome
heimeiyingwang2 小时前
【架构实战】FinOps云成本优化实践
前端·chrome·架构
Mr Xu_2 小时前
从后端数据到前端图表:深入解析 reduce 与 flatMap 的数据整形实战
前端·javascript