• 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;
    }

  • 相关阅读:
    NET控件关于Popup Win控件的使用介绍(消息提示控件)[转]
    .net从数据库二进制字段下载附件(文件),解决中文乱码
    测试页面的运行时间
    HashTable 遍历的两种方法
    100款国外xhtml+css模板(免费)
    在SharpDevolop中使用wix3制作中文安装包
    ASP.NET中的Session解析(一)
    兴奋,我的小站GBA365成长中
    泛型集合的序列化和反序列化
    asp.net mvc项目只能运行在iis根目录下吗?
  • 原文地址:https://www.cnblogs.com/jinhaoObject/p/4716014.html
Copyright © 2020-2023  润新知