[转载]Jquery easyui 界面设置存档edit.js

baacloud免费翻墙vpn注册使用

[转载]Jquery easyui 界面设置存档edit.js_小豆号_百度空间.

$(function() {
    // 数值录入
    $("#salary").numberbox({
        min: 100,
        max: 1000.5,
        precision: 2
    });


    // 日期处理
    // FIXME: 日历控件不支持时分秒, 这在项目中的确是需要的
    // FIXME: 日历控件每周是从星期日开始, 而我们习惯是星期一, 最好能够设置
    $("#birthday").datebox({
        required: true,
        formatter: dateFormatter,
        parser: dateParser
    });


    // 下拉控件 combobox
    // FIXME: 不支持汉字的拼音检索, 最好提供回调接口, 我们来实现
    // 为了支持多音字, 我们会返回数组, 比如: 银行["YH","YX"]
    // FIXME: 空项目显示高度太窄, 需要添加"[请选择]"这样的占位项目(感觉不太好)
    // FIXME: 下拉弹出内容被屏幕遮挡时, 应该改为向上弹出
    // FIXME: 支持多选(每个项目加一个checkbox选项用于多选,用于提交的input里存的是id列表:01,02,03)
    $("#gender").combobox({
        url: '../data/gender.json',
        valueField: 'id',
        textField: 'text',
        width: 155,
        listWidth: 200,
        editable: true,
        checkbox: true // FIXME: 不支持checkbox多选?
    });

    // FIXME: 下拉弹出内容被屏幕遮挡时, 应该改为向上弹出
    // FIXME: 支持多选(每个项目加一个checkbox选项用于多选,用于提交的input里存的是id列表:01,02,03)
    $("#station").combotree({
        url: 'treeDate.aspx?flag=left',
        width: 155,
        checkbox: true, // FIXME: 不支持checkbox多选?
        treeWidth: 200
    });

    $('#save').click(function() {
        alert($('#parentid').text());
        $('#form').submit();
    });

    //提交弹出添加职位框
    $('#form').form({
        url: "Default.aspx?flag=adduser&pid=" + $('#parentid').text(),
        onSubmit: function() {
            return $(this).form('validate');
        },
        success: function(data) {
            alert(data);
            if (data == "yes") {
                $('#w').window('close');
                $('#jobText').val() = "";
                //                $('#w').tree('append', {
                //                    parent: pid,
                //                    data: nodes
                //                });
                $.messager.show({
                    title: "提示",
                    msg: "保存成功",
                    timeout: 3000
                })
            }

        }
    });


    // 自定义录入验证
    $.extend($.fn.validatebox.defaults.rules, {
        minLength: {
            validator: function(value, param) {
                return value.length >= param[0];
            },
            message: '至少输入 {0} 个字符.'
        }
    });


    // 只读测试
    var readonly = false;
    $('#readonly').click(function() {
        // 有这样的方法就好了
        //$('#form').readonly();

        if (readonly == false) {
            $('form input,form textarea').attr({ readonly: "false" });

            // FIXME: 应该支持readonly, disabled对用户不够友好: 不能提交到后台, 不能拷贝值出来
            $("form .easyui-validatebox").validatebox("disable"); // FIXME: 无此方法? 只读状态也提示非空等,不太好
            $("form .easyui-numberbox").numberbox("disable");
            $("form .easyui-datebox").datebox("disable");
            $("form .easyui-combobox").combobox("disable");
            $("form .easyui-combotree").combotree("disable");

        } else {
            $('form input,form textarea').removeAttr("readonly");

            $("form .easyui-validatebox").validatebox("enable"); // FIXME: 无此方法?
            $("form .easyui-numberbox").numberbox("enable");
            $("form .easyui-datebox").datebox("enable");
            $("form .easyui-combobox").combobox("enable");
            $("form .easyui-combotree").combotree("enable");
        }
        readonly = !readonly;
    });

    // TIP: 配合body解决页面跳动和闪烁问题
    $("body").css({ visibility: "visible" });
});
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏