• EasyUi常用代码


    根据text设置combobox的值

    1. function setValueByText(textArray,comboName,textName,valueName){
    2. let dataArray=$("#"+comboName).combobox('getData');
    3. if (textArray.length>1){
    4. let values=[];
    5. let map = new Map();
    6. for (const data of dataArray) {
    7. map.set(data[textName],data[valueName]);
    8. }
    9. for (const tx of textArray) {
    10. values.push(map.get(tx));
    11. }
    12. $("#"+comboName).combobox('setValues',values);
    13. return;
    14. }
    15. for (const data of dataArray) {
    16. if(textArray[0]==data[textName]){
    17. $("#"+comboName).combobox('setValue',data[valueName]);
    18. break;
    19. }
    20. }
    21. }

    通过值数组来设置Combobox值

    1. function setValueByValueArray(valueArray,comboName){
    2. if (valueArray.length>1){
    3. $("#"+comboName).combobox('setValues',valueArray);
    4. return;
    5. }
    6. $("#"+comboName).combobox('setValue',valueArray[0]);
    7. }

    常用DatagridFormater

    1. formatter:function(value,row,index){
    2. return $("#xxx").combobox("setValue",value).combobox("getText");
    3. }
    4. formatter:function(value,row,index){
    5. if (value){
    6. return $("#xxx").combobox("setValues",value.split(',')).combobox("getText");
    7. }
    8. }

    Combobox初始化,带输入过滤功能

    1. $('#'+id).combobox({
    2. url: xxx,
    3. valueField: 'code',
    4. textField: 'name',
    5. panelHeight: '150',
    6. width: 150,
    7. height: 25,
    8. multiple: true,
    9. formatter: function(row){
    10. return '[' + row['name'] + '] ' + row['name'];
    11. },
    12. loadFilter: function (data) {
    13. return data;
    14. },
    15. filter: function(q, row){
    16. return row['code'].toLowerCase().indexOf(q.toLowerCase()) >= 0 || row['name'].indexOf(q) >=0;
    17. },
    18. onShowPanel : function(){
    19. var count = $(this).combobox('getData').length;
    20. if(count > 10){
    21. $(this).combobox('panel').height(180);
    22. }else{
    23. $(this).combobox('panel').height("auto");
    24. }
    25. }
    26. });

    多列下拉列表combogrid

    1. $('#xx').combogrid({
    2. url: xxx,
    3. idField: 'code',
    4. textField: 'name',
    5. panelHeight: '200',
    6. width: 200,
    7. height: 25,
    8. multiple: true,
    9. columns:[[
    10. {field : 'ck', checkbox : true},
    11. {field : 'code', title : 'xx', width : 80 ,hidden:true},
    12. {field : 'name', title : 'xx', width : 80}
    13. ]],
    14. loadFilter: function (data) {
    15. return data;
    16. }
    17. });

    常用功能-根据String数组创建combobox的Item

    1. function createComboboxItem(stringsList) {
    2. if (stringsList==null||stringsList.length==0)return [];
    3. var result=new Array();
    4. var text;
    5. for (var i=0;ilength;i++){
    6. text=stringsList[i];
    7. result.push({text:text,value:text});
    8. }
    9. return result;
    10. }

    combobox禁用或启用

    1. function frozenPart(frozen,id){
    2. if (frozen){
    3. $("#"+id).combobox('disable');
    4. }else{
    5. $("#"+id).combobox('enable');
    6. }
    7. }

    combobox选择第一项

    1. function selectCombobox(tarComboboxName){
    2. var comboboxName='#'+tarComboboxName;
    3. var data = $(comboboxName).combobox('getData');
    4. if (data!=null&&data.length > 0) {
    5. $(comboboxName).combobox('select', data[0].code);
    6. }
    7. }

  • 相关阅读:
    如何在Access2007中使用日期类型查询数据
    分布式锁之Redis实现
    ssm+微信小程序基于微信小程序的社区老人健康管理服务系统的设计与实现毕业设计源码011513
    MySQL-存储过程和函数
    【从零开始游戏开发】 XLua框架 和 项目框架 | 全面总结 |建议收藏
    语法基础(字符串)
    计算机毕业设计(附源码)python疫情社区管理系统
    elasticsearch配置
    Kubeadm方式搭建K8S集群
    通信原理学习笔记1:模拟与数字通信系统、通信系统性能指标
  • 原文地址:https://blog.csdn.net/zcy_wxy/article/details/126148814