Easyui combobox下拉项过长的处理

最新推荐文章于 2020-11-22 04:32:21 发布

走出自己的未来

最新推荐文章于 2020-11-22 04:32:21 发布

阅读量6.1k

点赞数 1

分类专栏： -----【ITOO项目】 -----【JAVA】 ● Web前端设计

本文链接：https://blog.csdn.net/wpb92/article/details/57425634

版权

本文介绍如何处理Easyui Combobox下拉选项内容过长的问题。通过使用combobox的formatter函数，在加载完成后根据自定义长度截取内容，并提供添加提示样式的方法，以实现内容过长时的友好显示。

摘要由CSDN通过智能技术生成

在easyUI中，datagrid中的列内容过长时，可以设置属性来进行个性设置，比如超过多少字之后用“...”代替。但是在combobox中没有该属性，那么应该如何处理呢？

解决思路：

在加载完下拉框内容时，使用combobox中的formatter函数进行数据处理。处理数据时，根据其长度进行截取，当超过自定义的长度之后，再进行截取。

实现代码：

$("#ClassPaperName").combobox({
		url : 'queryAllPaper',
		method : 'post',
		valueField : 'id',
		textField : 'examinationName',
		groupField : 'group',
		panelHeight : 200,
		editable : false,
		onLoadSuccess : function(data) {
		    if (data.length > 0) {
			// 设置默认选择第一套试卷
			$('#ClassPaperName').combobox('select',	data[0].id);
		    }
		},
		formatter : function(row)