Jquery EasyUI不定期总结

最新推荐文章于 2021-03-24 07:01:39 发布

彭小辉

最新推荐文章于 2021-03-24 07:01:39 发布

阅读量466

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Pchy111/article/details/75220576

Jquery EasyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了使用EasyUI过程中的一些实用技巧，包括combobox的值设置、数据过滤方法、去除treegrid中的全选框、动态获取filebox文件名及通过点击输入框触发下拉列表的显示与隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本篇文章用来总结在平时工作开发中遇到的坑，持续更新

一、combobox下拉框赋值

（1）单选赋值setValue

$('#Id').combobox('setValue','key')

（2）多选赋值setValues（key值为数组）

$('#Id').combobox('setValues','key1,key2,key3'.split(','))

二、combobox下拉框中数据过滤loadfilter的用法

需求分析：

在返回的下拉列表数据中需要进行筛选再显示。

loadFilter:function(data){  
    return loadFilter(data);    //自定义过滤方法         
}  
function loadFilter(data){  
    var value = {  
            total:data.total,  
            rows:[]  
    };  
    for (var i = 0; i < data.rows.length; i++) {  
        var o = {};  
   	value.rows.push(o);  
    }  
    return value;  
}

三、easyui treegrid去掉全选的checkbox框

$('.datagrid-header-check').empty()

四、filebox文件上传动态获取文件名

<input class="easyui-filebox input_length" name="uploadfile" id="file" data-options="required:true,buttonText: '选择文件',onChange:function(){file_timer();}">
function robots_file_timer(){
    var file = $('#file').filebox('getValue');
}

五、点击输入框弹出下拉列表

说明：#form_upload为父类或者祖类ID均可。

$("#form_upload .combo").find("input:first").click(function(){
	if ($("#form_upload .combo").prev().combobox("panel").is(":visible")) {
		$("#form_upload .combo").prev().combobox("hidePanel");
	}else {
		$("#form_upload .combo").prev().combobox("showPanel");
	}
});