本文介绍了一个使用EasyUI框架中的组合框组件的实际案例。通过设置远程数据源和自定义事件，实现用户输入时自动从服务器获取数据并填充到指定字段的功能。此案例展示了如何配置和使用EasyUI的combobox组件。
<script type="text/javascript">
$(function(){
$('#language').combobox({
url: 'idCard/test.jhtml',
mode: 'remote', // 这个属性 是当你输入文字或者输入框的值改变时 会发送请求
valueField: 'custName', / /选中下拉框后的数据
delay:1000, / /这个属性加上后输入问题发送请求 不加的话输入第一个文字不发送请求需要在输入时才触发请求
textField: 'custName', //获得数据后下拉框显示的提示
onSelect:function(rec){
var str=rec.custName;
var strs= new Array(); //定义一数组
strs=str.split("_"); //字符分割
$("#name").val(strs[0]);
$("#id").val(strs[1]);
}
});
});
</script>
</head>
<body>
<input class="easyui-combobox" id="language" name="language">
<input type="text" id="name" >
<input type="text" id="id" >
</body>
</html>
$(function(){
$('#language').combobox({
url: 'idCard/test.jhtml',
mode: 'remote', // 这个属性 是当你输入文字或者输入框的值改变时 会发送请求
valueField: 'custName', / /选中下拉框后的数据
delay:1000, / /这个属性加上后输入问题发送请求 不加的话输入第一个文字不发送请求需要在输入时才触发请求
textField: 'custName', //获得数据后下拉框显示的提示
onSelect:function(rec){
var str=rec.custName;
var strs= new Array(); //定义一数组
strs=str.split("_"); //字符分割
$("#name").val(strs[0]);
$("#id").val(strs[1]);
}
});
});
</script>
</head>
<body>
<input class="easyui-combobox" id="language" name="language">
<input type="text" id="name" >
<input type="text" id="id" >
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
