easyui combobox实现搜索下拉补全功能

xiaoxiao2021-03-01  36

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../plugin/easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="../plugin/easyui/themes/gray/easyui.css"> </head> <body> <input class="easyui-combobox" name="userId" id="userId" data-options="valueField:'id',textField:'text',panelHeight:'auto',panelMaxHeight:200,panelMinHeight:100" style="width: 160px;height: 29px"/> <script type="text/javascript" src="../js/jquery-1.10.2.js"></script> <script type="text/javascript" src="../plugin/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../plugin/easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> var data = { "option": [ { "code": "0", "name": "1沪300" }, { "code": "1", "name": "11综合债指数" }, { "code": "2", "name": "2中R07D" } ], "recode": 0, "restr": "获取数据成功" } $("#userId").combobox({ valueField: 'code', textField: 'name', editable:true, hasDownArrow:true, data: data.option, required:false, filter: function(q, row){ var opts = $(this).combobox('options'); return row[opts.textField].indexOf(q) == 0; } }); </script> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-3200028.html

最新回复(0)