zoukankan      html  css  js  c++  java
  • easy ui 问题

    easyui  的样式  和Bootstrap css   有冲突,不要一起使用

    日期禁止输入

    editable="false"

    -------------------------------------------------

    向后台传值更新grid
    function serachLoadDataGrid() {
    $('#CustomerInfo').datagrid('load', serliaze(myform)); //reload会记住当前查询的页码刷新当前页,只能查询当前页,不要用reload,load返回到第一页,调用的地址是datagrid的URL
    };

    ----------------------------------------------------

    var flag = false;
    flag = $("#CustomerInfoformdiv").form("validate");    验证div 内的表单是否通过
    console.info(flag);
    if (!flag) {
    return false;
    }
    //ajax提交表单 要先判断验证是否通过
    submitCustomerInfoform();

    ---------------------------------------

    扩展

    //提示框 msg属性
    $(function () {
    $('input.easyui-validatebox').validatebox({
    tipOptions: { // the options to create tooltip
    showEvent: 'mouseenter',
    hideEvent: 'mouseleave',
    showDelay: 0,
    hideDelay: 0,
    zIndex: '',
    onShow: function () {
    if (!$(this).hasClass('validatebox-invalid')) {
    if ($(this).tooltip('options').msg) {
    $(this).tooltip('update', $(this).tooltip('options').msg);
    } else {
    $(this).tooltip('tip').hide();
    }
    } else {
    $(this).tooltip('tip').css({
    color: '#000',
    borderColor: '#CC9933',
    backgroundColor: '#FFFFCC'
    });
    }
    },
    onHide: function () {
    if (!$(this).tooltip('options').msg) {
    $(this).tooltip('destroy');
    }
    }
    }
    }).tooltip({
    position: 'right',
    content: function () {
    var opts = $(this).validatebox('options');
    return opts.msg;
    },
    onShow: function () {
    $(this).tooltip('tip').css({
    color: '#000',
    borderColor: '#CC9933',
    backgroundColor: '#FFFFCC'
    });
    }
    });
    });


    /////验证
    $.extend($.fn.validatebox.defaults.rules, {
    minLength: {//minLength[5]
    validator: function(value, param) {
    return value.length >= param[0];
    },
    message: '请输入长度最少 {0} 的字符.'
    },
    isnumber: {//validType:'isnumber' 调用
    validator: function(value) {
    //校验是否全由数字组成
    var patrn = /^[0-9]{1,20}$/;
    //if (!patrn.exec(value)) return false;
    //return true;
    return patrn.exec(value);
    },
    message: '请输入数字'
    }
    });

    --------------------------

    序列化表单

    function serliaze(form) { //序列化表单  fromid对象
    var obj = {};
    $.each(form.serializeArray(), function (index) {
    if (obj[this['name']]) {
    obj[this['name']] = obj[this['name']] + ',' + this['value'];
    } else {
    obj[this['name']] = this['value'];
    }
    });
    return obj;
    }

  • 相关阅读:
    全排列
    RazorPages中的绑定
    SQL Server安装步骤
    2020-2021---开发工作总述
    C#.NET编程的特点
    VS自带Git的使用
    从apk反编译出.java文件
    基于页面的编程模型+关于设计的表达
    XtraReport注意事项
    Android总结
  • 原文地址:https://www.cnblogs.com/jinhaoObject/p/4716014.html
Copyright © 2011-2022 走看看