easyUI 一些调用总结

李维强-15级

去除插件属性
easyui-dialog 右上角 红叉关闭事件
加载combobox后就选择其中一个的方法
常用插件启用禁用方法
combobox调用注意事项
GET方式从前台传参数给后台
conbobox下拉框高度设置
easyui combobox 加载数据后在前面插入一条“全部”

李维强-15级

easyui-dialog   关闭事件   就是点右上角那个红× 的事件

Jqurey 操作         
$('#edit').dialog({          //edit是dialog的id
            onClose: function () {
                alert("关闭了哦");
            }
        });

目前发现这个要影响一些其他插件的显示  例如   easyui-numberbox   的宽度会变很窄   所以要加个style="width:120px;" 上去  就可以了

李维强-15级

页面里面的combobox

1. 
   
2. <select class="easyui-combobox" style="width:142px;" id="addTruckID"  data-options="editable:false,
   
3.                               valueField:'TruckID',
   
4.                               textField:'PlateNum'" name="TruckID" >                                
   
5.                            </select>
   

复制代码

JS里面代码如下：   想让combobox加载过后就选中其中一个的做法

1. 
   
2. $("#addTruckID").combobox({
   
3.             onLoadSuccess: function () {
   
4.                 var val = $(this).combobox("getData");
   
5.                 for (var item in val[0]) {
   
6.                     if (item == "TruckID") {    //TruckID 就是选择列表里面的valueField   
   
7.                         $(this).combobox("select", val[0][item]);
   
8.                     }
   
9.                 }
   
10.             }
    
11.         });
    

复制代码

李维强-15级

EasyUI常用控件禁用方法：

一旦禁用后$("#editFrom").form('validate')和$("#editFrom").serialize()返回的值 都不包含禁用了的插件部分的信息了    所以这点注意

写在页面上的方式
<input class="easyui-validatebox" readonly="readonly"  type="text" style="width:185px;" id="addGetStuffAddress" data-options="required:true"/>
JS的方式如下

1. 
   
2. 1.validatebox可以用的用法:前两种适用于单个的validatebox;
   
3. 
   
4.   第三种应用于整个form里面的输入框;  
   
5. 
   
6. <1>.$("#id").attr("readonly", true); -----  $("#id").removeAttr("readonly");
   
7. 
   
8. <2>.$("#id").attr("readonly", "readonly"); -----  $("#id").removeAttr("readonly");
   
9. 
   
10. <3>.$("#Form :input").attr("readonly", "readonly"); //对form里面的禁用
    
11. 
    
12. <4>.$("input").attr("readonly", "readonly"); //对所有的input标签禁用
    
13. 
    
14. 2.combobox禁用启用用法:
    
15. 
    
16. <1>.$("#id").combobox({ disabled: true }); -----  $("#id").combobox({ disabled: false});
    
17. 
    
18. <2>.$("#id").attr("readonly", "readonly");  //对单个禁用   -----  $("#id").removeAttr("readonly");
    
19. 
    
20. <3>.$("#fm .easyui-combobox").combobox({ disabled: true });  //对form里面的下拉框禁用
    
21. 
    
22. <4>.$("#ID").combobox("disable"); ------ $("#ID").combobox("enable");
    
23. 
    
24. 3.datebox与datetimebox禁用启用方法:
    
25. 
    
26. <1>.$("#fm .easyui-datebox").datebox({ disabled: true }); -----  $("#fm .easyui-datebox").datebox({ disabled: false});
    
27. 
    
28. <2>.$("#id").attr("readonly", "readonly");  -----  $("#id").removeAttr("readonly");
    
29. 
    
30. <3>.$("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });
    
31. 
    
32. 
    
33. 
    
34. 4.combogrid禁用启用方法:
    
35. 
    
36. <1>.$("#FPayApplySupAccountID").combogrid("disable"); ----- $("#FPayApplySupAccountID").combogrid("enable");
    
37. 
    
38. 5.lable标签ID附加文字：
    
39. 
    
40. <1>.$("#id").text("标题:"); //此方法可以屏蔽掉lable标签内的文字
    
41. 
    
42. 6.numberbox禁用方法
    
43. $("#ID").numberbox('enable');
    
44. $("#ID").numberbox('disable');
    

复制代码

李维强-15级

combobox调用注意事项

清空combobox里面的值，用
$("#addGoodsType").combobox('loadData', {});

$("#addGoodsType").combobox('clear'); 方法 只是抹去当前列表框里面的值

============================================================

   <select class="easyui-combobox"  style="width:142px;" id="qstate"  >
                             <option value="-1">全部状态</option>
                             <option value="0">未完成</option>
                             <option value="1">已完成</option>
                             <option value="2">已取消</option>
                         </select>  

在写页面的这个时候value 里面要填值 不要为空   <option value="">全部状态</option>  这样会出未知错误

李维强-15级

1. 
   
2. //  GET方式传参数前台用?传参数
   
3. $("#editCementType").combobox("reload", "/Demand/findCementType?id=" + param.GoodsName);
   
4. 
   
5. 
   
6. //下面是后台代码
   
7. //需要用Request.QueryString["XX"]来获取前台传进来的参数值
   
8. string GoodsName = Request.QueryString["id"] + "";
   
9. 
   
10. 
    

复制代码

李维强-15级

修改combobox的下拉框的高度为自适应高度
combobox控件  data-options="panelHeight:'auto'"  或者把auto变成相应的数字即可

李维强-15级

            var relation_id_sign = 0;//标签


            $("#relation_id").combobox({
                url: '<?php echo $this->set_url('relation', 'relation', 'get_relationGroupJson'); ?>',
                method: 'get',
                valueField: 'id',
                textField: 'relation_name',
                editable: false,
                panelHeight: 'auto',
                onLoadSuccess: function() {
                    if (relation_id_sign == 0)
                    {
                        var data = $(this).combobox('getData');
                        data.insert(0, {'id':'0','relation_name':'全部'});

                        relation_id_sign++;

                        $("#relation_id").combobox("loadData", data);//重新加载数据，且当 relation_id_sign==1时加载

                    }

                }

            });