comboBox

最新推荐文章于 2023-11-03 16:59:08 发布

qianmacao

最新推荐文章于 2023-11-03 16:59:08 发布

阅读量780

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/findmyself_for_world/article/details/38272649

版权

jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

用datagrid 绘制表格，其中一个item是下拉列表的形式，数据时通过接口从后台获取到的，最初的代码是这样

 $('#productId').combobox({
                url:'getProductsToSelect.json',
                valueField:'id',
                textField:'name',
			 	onSelect: function(rec){
					
                    $('#productName').val(rec.name);
                },
                
            });

列表没有默认选项，只有点击选择按钮，所有的选项在下拉框中显示。

我要达到的效果是在给下拉列表默认选项，添加下面这段代码：

<pre name="code" class="html">$('#productId').combobox({
                url:'getProductsToSelect.json',
                valueField:'id',
                textField:'name',
			 	onSelect: function(rec){
					
                    $('#productName').val(rec.name);
                },
                 onLoadSuccess: function () { //加载完成后,设置选中第一项
               		 var data = $('#productId').combobox('getData');
               		 console.log(data)
		             if (data.length > 0) {
		             
		                 $('#productId').combobox('select', data[0].id);
		                 
		             } 
            	}
            });