当前位置:网站首页>EasyUi常用代码
EasyUi常用代码
2022-08-04 19:44:00 【zcy_wxy】
根据text设置combobox的值
function setValueByText(textArray,comboName,textName,valueName){
let dataArray=$("#"+comboName).combobox('getData');
if (textArray.length>1){
let values=[];
let map = new Map();
for (const data of dataArray) {
map.set(data[textName],data[valueName]);
}
for (const tx of textArray) {
values.push(map.get(tx));
}
$("#"+comboName).combobox('setValues',values);
return;
}
for (const data of dataArray) {
if(textArray[0]==data[textName]){
$("#"+comboName).combobox('setValue',data[valueName]);
break;
}
}
}
通过值数组来设置Combobox值
function setValueByValueArray(valueArray,comboName){
if (valueArray.length>1){
$("#"+comboName).combobox('setValues',valueArray);
return;
}
$("#"+comboName).combobox('setValue',valueArray[0]);
}
常用DatagridFormater
formatter:function(value,row,index){
return $("#xxx").combobox("setValue",value).combobox("getText");
}
formatter:function(value,row,index){
if (value){
return $("#xxx").combobox("setValues",value.split(',')).combobox("getText");
}
}
Combobox初始化,带输入过滤功能
$('#'+id).combobox({
url: xxx,
valueField: 'code',
textField: 'name',
panelHeight: '150',
width: 150,
height: 25,
multiple: true,
formatter: function(row){
return '<span style="font-weight:bold;color:blue;">[' + row['name'] + ']</span> ' + row['name'];
},
loadFilter: function (data) {
return data;
},
filter: function(q, row){
return row['code'].toLowerCase().indexOf(q.toLowerCase()) >= 0 || row['name'].indexOf(q) >=0;
},
onShowPanel : function(){
var count = $(this).combobox('getData').length;
if(count > 10){
$(this).combobox('panel').height(180);
}else{
$(this).combobox('panel').height("auto");
}
}
});
多列下拉列表combogrid
$('#xx').combogrid({
url: xxx,
idField: 'code',
textField: 'name',
panelHeight: '200',
width: 200,
height: 25,
multiple: true,
columns:[[
{field : 'ck', checkbox : true},
{field : 'code', title : 'xx', width : 80 ,hidden:true},
{field : 'name', title : 'xx', width : 80}
]],
loadFilter: function (data) {
return data;
}
});
常用功能-根据String数组创建combobox的Item
function createComboboxItem(stringsList) {
if (stringsList==null||stringsList.length==0)return [];
var result=new Array();
var text;
for (var i=0;i<stringsList.length;i++){
text=stringsList[i];
result.push({text:text,value:text});
}
return result;
}
combobox禁用或启用
function frozenPart(frozen,id){
if (frozen){
$("#"+id).combobox('disable');
}else{
$("#"+id).combobox('enable');
}
}
combobox选择第一项
function selectCombobox(tarComboboxName){
var comboboxName='#'+tarComboboxName;
var data = $(comboboxName).combobox('getData');
if (data!=null&&data.length > 0) {
$(comboboxName).combobox('select', data[0].code);
}
}
边栏推荐
- QT 小知识随记
- 密码学系列之:PEM和PKCS7,PKCS8,PKCS12
- MYSQL gets the table name and table comment of the database
- 电脑一键重装系统内存完整性无法打开怎么办
- 【着色器实现Glitch单项故障闪烁效果(与Television效果不同)_Shader效果第十四篇】
- NLP技术为何在工业界这么卷?前沿案例解析来了
- 简易数据缓存层的建立
- 如何手动下载并安装 Visual Studio Code 的 SAP Fiori tools - Extension Pack
- 使用 Chrome 开发者工具的 lighthouse 功能分析 web 应用的性能问题
- Jmeter - Heap配置原因报错Invalid initial heap size: -Xms1024m -Xmx2048mError
猜你喜欢
随机推荐
【着色器实现Glitch单项故障闪烁效果(与Television效果不同)_Shader效果第十四篇】
LED的C语言应用程序
Finished product upgrade program
运维就业现状怎么样?技能要求高吗?
Orthodontic MIA micro-implant anchorage technology China 10th anniversary exchange meeting was held in Shenyang
MySQL远程备份策略举例
按需视觉识别:愿景和初步方案
How to promote the implementation of rural revitalization
基于HDF的LED驱动程序开发(2)
元国度链游系统开发
哈佛架构 VS 冯·诺依曼架构
MogDB学习笔记-环境准备及单实例安装
【有奖征文】秋招特训,打造你的专属产品体验
入门:人脸专集1 | 级联卷积神经网络用于人脸检测(文末福利)
[Awards for Essays] Autumn recruitment special training to create your exclusive product experience
Query the published version records of the APP Store
带你了解数据分布式存储原理
图片延迟加载、预加载
The establishment of simple data cache layer
really time ntp service start command