重工电子论坛

标题: easyUI 一些调用总结 [打印本页]
作者: 李维强-15级    时间: 2016-5-24 23:39
标题: easyUI 一些调用总结
本帖最后由 李维强-15级 于 2016-10-30 23:17 编辑

去除插件属性
easyui-dialog 右上角 红叉关闭事件
加载combobox后就选择其中一个的方法
常用插件启用禁用方法
combobox调用注意事项
GET方式从前台传参数给后台
conbobox下拉框高度设置
easyui combobox 加载数据后在前面插入一条“全部”
作者: 李维强-15级    时间: 2016-5-24 23:41
本帖最后由 李维强-15级 于 2016-5-24 23:56 编辑

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

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

目前发现这个要影响一些其他插件的显示  例如   easyui-numberbox   的宽度会变很窄   所以要加个style="width:120px;" 上去  就可以了
作者: 李维强-15级    时间: 2016-5-26 11:11
页面里面的combobox

  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加载过后就选中其中一个的做法

  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级    时间: 2016-5-26 12:24
本帖最后由 李维强-15级 于 2016-10-5 10:01 编辑

EasyUI常用控件禁用方法：

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

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

  2. 1.validatebox可以用的用法:前两种适用于单个的validatebox;

  4.   第三种应用于整个form里面的输入框;  

  6. <1>.$("#id").attr("readonly", true); -----  $("#id").removeAttr("readonly");

  8. <2>.$("#id").attr("readonly", "readonly"); -----  $("#id").removeAttr("readonly");

  10. <3>.$("#Form :input").attr("readonly", "readonly"); //对form里面的禁用

  12. <4>.$("input").attr("readonly", "readonly"); //对所有的input标签禁用

  14. 2.combobox禁用启用用法:

  16. <1>.$("#id").combobox({ disabled: true }); -----  $("#id").combobox({ disabled: false});

  18. <2>.$("#id").attr("readonly", "readonly");  //对单个禁用   -----  $("#id").removeAttr("readonly");

  20. <3>.$("#fm .easyui-combobox").combobox({ disabled: true });  //对form里面的下拉框禁用

  22. <4>.$("#ID").combobox("disable"); ------ $("#ID").combobox("enable");

  24. 3.datebox与datetimebox禁用启用方法:

  26. <1>.$("#fm .easyui-datebox").datebox({ disabled: true }); -----  $("#fm .easyui-datebox").datebox({ disabled: false});

  28. <2>.$("#id").attr("readonly", "readonly");  -----  $("#id").removeAttr("readonly");

  30. <3>.$("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });



  34. 4.combogrid禁用启用方法:

  36. <1>.$("#FPayApplySupAccountID").combogrid("disable"); ----- $("#FPayApplySupAccountID").combogrid("enable");

  38. 5.lable标签ID附加文字：

  40. <1>.$("#id").text("标题:"); //此方法可以屏蔽掉lable标签内的文字

  42. 6.numberbox禁用方法
  43. $("#ID").numberbox('enable');
  44. $("#ID").numberbox('disable');
复制代码


作者: 李维强-15级    时间: 2016-6-10 14:03
本帖最后由 李维强-15级 于 2016-6-10 14:22 编辑

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级    时间: 2016-9-14 00:56

  2. //  GET方式传参数前台用?传参数
  3. $("#editCementType").combobox("reload", "/Demand/findCementType?id=" + param.GoodsName);


  6. //下面是后台代码
  7. //需要用Request.QueryString["XX"]来获取前台传进来的参数值
  8. string GoodsName = Request.QueryString["id"] + "";


复制代码
作者: 李维强-15级    时间: 2016-10-4 16:02
修改combobox的下拉框的高度为自适应高度
combobox控件  data-options="panelHeight:'auto'"  或者把auto变成相应的数字即可
作者: 李维强-15级    时间: 2016-10-30 23:16


            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时加载

                    }

                }

            });



欢迎光临 重工电子论坛 (http://www.cqutlab.cn/) Powered by Discuz! X3.1