精华内容
下载资源
问答
  • 只有选择年份以后查到的结果 才可以对投资金额单元格进行编辑,点击按钮可以保存,如果该年投资值存在则修改 不存在则添加该项目该年的投资值 废话不多说直接上代码: 主页面project.html <!

    一、前段页面EasyUi做的

    在这里插入图片描述

    • 单位 建设性质 项目编码 项目名称为es索引,搜索数据库筛选过滤条件。
    • 时间插件只能选择年份,选择对应的年份会展示所有该年份的项目对应投资金额,并且会有汇总行,展示所欲查到的数据投资金额汇总
    • 只要不选不选择时间插件的过滤,所有的汇总值显示的是该项目所有年份汇总值的总和
    • 只有选择年份以后查到的结果 才可以对投资金额单元格进行编辑,点击按钮可以保存,如果该年投资值存在则修改 不存在则添加该项目该年的投资值
      在这里插入图片描述
      废话不多说直接上代码:

    主页面project.html

    <!DOCTYPE html>
    <head>
        <meta charset="UTF-8">
        <title>项目测试</title>
        <link rel="stylesheet" type="text/css" href="/ESEasyUi/static/easyui/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="/ESEasyUi/static/easyui/themes/icon.css">
        <script type="text/javascript" src="/ESEasyUi/static/common/jquery.min.js"></script>
        <script type="text/javascript" src="/ESEasyUi/static/easyui/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="/ESEasyUi/static/easyui/locale/easyui-lang-zh_CN.js"></script>
        <script type="text/javascript" src="/ESEasyUi/static/common/validata.form.js"></script>
        <script type="text/javascript" src="/ESEasyUi/static/common/plugin.js"></script>
        <!--    <link rel="stylesheet" type="text/css" href="/ESEasyUi/static/bootstrop/css/bootstrap.css">-->
        <!--    <script type="text/javascript" src="/ESEasyUi/static/bootstrop/js/bootstrap.js"></script>-->
        <script>
            $(function () {
                var editIndex = undefined;
                function endEditing() {                 //该方法用于关闭上一个焦点的editing状态
                    if (editIndex == undefined) {
                        return true
                    }
                    if ($('#project_dg').datagrid('validateRow', editIndex)) {
                        $('#project_dg').datagrid('endEdit', editIndex);
                        editIndex = undefined;
                        return true;
                    } else {
                        return false;
                    }
                }
                //用户表格接收
                $("#project_dg").datagrid({
                    url: '/ESEasyUi/projectController/queryProjectByPage',
                    remoteSort: false,
                    sortName: "projectPrice",
                    sortOrder: "desc",
                    method: "get",
                    fitColumns: true,
                    toolbar: '#tb',
                    striped: true,
                    pagination: true,
                    rownumbers: false,
                    singleSelect: true,
                    ctrlSelect: true,
                    pageSize: 10,
                    pageList: [3, 5, 10, 20],
                    // onAfterEdit: onAfterEdit,
                    queryParams: {
                        projectName: $("#projectNameBox").val(),
                        affiliatedUnit: $("#affiliatedUnitBox").val(),
                        projectId: $("#projectIdBox").val(),
                        buildNature: $("#buildNatureBox").val(),
                        projectTime: $("#projectTimeBox").val()
                    },
                    onLoadSuccess: function () {
                        var project = {
                            "affiliatedUnit": $("#affiliatedUnitBox").val(),
                            "projectId": $("#projectIdBox").val(),
                            "projectName": $("#projectNameBox").val(),
                            "buildNature": $("#buildNatureBox").val(),
                            "projectTime": $("#projectTimeBox").val()
                        };
                        $.ajax({
                            dataType: "json",
                            type: "POST",
                            contentType: "application/json",
                            data: JSON.stringify(project),
                            url: "/ESEasyUi/projectController/queryTotalSum",
                            success: function (data) {
                                console.log(data);
                                $("#project_dg").datagrid('insertRow', {
                                    index: 0,
                                    row: {
                                        projectName: '汇总',
                                        affiliatedUnit: "",
                                        projectId: "",
                                        buildNature: "",
                                        projectPrice: data
                                    }
                                });
                            },
                        });
                    },
                    rowStyler: function (index, row) {
                        if (row.projectName == "汇总") {
                            return "background-color:Yellow;";//背景颜色
                        }
                    },
                    columns: [[
    
                        {field: 'projectName', title: '项目名称', width: "20%", align: "center"},
    
                        {field: 'affiliatedUnit', title: '所属单位', width: "20%", align: "center"},
    
                        {field: 'projectId', title: '项目编码', width: "20%", align: "center"},
    
                        {field: 'buildNature', title: '建设性质', width: "20%", align: "center"},
    
                        {
                            field: 'projectPrice', title: '总计划值', width: "20%", align: "center",
                            sortable: true,
                            formatter:function(v){
                                return parseFloat(v).toFixed(2)
                            }
                        }
    
                    ]]
                });
    
                $("#project_save").click(function () {
                    /*获取选中行数据*/
                    var selectRow = $('#project_dg').datagrid('getSelected');
                    submitForm(selectRow);
                });
    
                //提交数据
                function submitForm(selectRow) {
                    var projectId = selectRow.projectId;//项目id
                    var projectTime = $("#projectTimeBox").val();
                    var finalProjectPrice = selectRow.projectPrice;//项目修改后计划值
                    var reg = new RegExp("^(\\d|[1-9]\\d|100)(\\.\\d{1,2})?$");//正则限制0~100
                    if (!reg.test(finalProjectPrice)) {
                        alert('修改失败!请输入0-100的数字,保留两位小数!');
                        return;
                    }else {
                        alert("修改"+selectRow.projectName+$("#projectTimeBox").val()+"年计划值为"+finalProjectPrice+"万");
                    }
                    var project = {
                        "projectName":selectRow.projectName,
                        "projectId": projectId,
                        "projectTime": projectTime,
                        "projectPrice":finalProjectPrice,
                        "affiliatedUnit":selectRow.affiliatedUnit,
                        "buildNature" : selectRow.buildNature
                    };
                    $.ajax({
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json",
                        data: JSON.stringify(project),
                        url: "/ESEasyUi/projectController/updateProjectPrice",
                        success: function (data) {
                            if (data == true) {
                                $("#project_dg").datagrid('reload');
                            }
                        }
                    })
                    $("#project_dg").datagrid('reload');
                }
    
    
    
                //打开修改模态框
                $("#project_edit").click(function () {
                    var rows = $("#project_dg").datagrid('getSelections');
                    if (rows.length != 1) {
                        $.messager.alert("警告", "请选择一行数据修改");
                        $("#project_dg").datagrid("unselectAll");
                        return
                    } else {
                        var row = $("#project_dg").datagrid("getSelected");
                        $("#project_edit_dialog").dialog("open");
                        $("#project_edit_dialog").data("row", row)
                    }
                });
    
                //初始化修改dialog
                $("#project_edit_dialog").dialog({
                    width: 400,
                    height: 330,
                    title: "修改项目",
                    top: 120,
                    href: '/ESEasyUi/projectform/edit_project.html',
                    closed: true,
                    closable: true,
                    draggable: true,
                    cache: false,
                    modal: true,
                    buttons: [{
                        text: '修改',
                        iconCls: 'icon-ok',
                        handler: function () {
                            $("#project_edit_form").form("submit")
                        }
                    }, {
                        text: '重置',
                        iconCls: 'icon-redo',
                        handler: function () {
                            $("#project_edit_form").form("clear")
                        }
                    }],
                    onLoad: function () {
                        /*
                        * 修改默认部分赋值
                        * */
                        $("#project_edit_form").form("load", $("#project_edit_dialog").data("row"));
                        $("#projectNameUpdate").prop('value', $("#project_edit_dialog").data("row").projectName);
                        $("#projectIdUpdate").prop('value', $("#project_edit_dialog").data("row").projectId);
                        $("#affiliatedUnitUpdate").combobox('select', $("#project_edit_dialog").data("row").affiliatedUnit);
                        $("#buildNatureUpdate").combobox('select', $("#project_edit_dialog").data("row").buildNature);
                        // $("#projectTimeUpdate").datebox('setValue', $("#project_edit_dialog").data("row").projectTime);
                        // $("#projectPriceUpdate").prop('value', $("#project_edit_dialog").data("row").projectPrice);
    
                    }
                });
    
                //打开添加模态框
                $("#project_add").click(function () {
                    //打开添加模态框
                    $("#project_add_dialog").dialog("open")
                });
    
                //初始化添加dialog
                $("#project_add_dialog").dialog({
                    height: 420,
                    width: 400,
                    title: "添加项目",
                    top: 120,
                    href: "/ESEasyUi/projectform/addProject.html",
                    closed: true,
                    closable: true,
                    draggable: false,
                    cache: false,
                    modal: true,
                    buttons: [{
                        text: '取消',
                        handler: function () {
                            $("#project_add_dialog").dialog("close");
                            $("#project_dg").datagrid("reload")
                        }
                    }, {
                        text: '确认',
                        handler: function () {
                            $("#project_add_form").form("submit")
                        }
                    }]
                });
    
                // 查询事件----核心
                $("#submit_search")
                    .click(function () {
                        var project = {
                            "affiliatedUnit": $("#affiliatedUnitBox").val(),
                            "projectId": $("#projectIdBox").val(),
                            "projectName": $("#projectNameBox").val(),
                            "buildNature": $("#buildNatureBox").val(),
                            "projectTime": $("#projectTimeBox").val()
                        };
                        $("#project_dg").datagrid({
                            url: '/ESEasyUi/projectController/queryProjectByPage',
                            method: "get",
                            fit: true,
                            fitColumns: true,
                            toolbar: '#tb',
                            striped: true,
                            pagination: true,
                            rownumbers: false,
                            singleSelect: false,
                            ctrlSelect: true,
                            pageSize: 10,
                            pageList: [3, 5, 10, 20],
                            queryParams: {
                                projectName: $("#projectNameBox").val(),
                                affiliatedUnit: $("#affiliatedUnitBox").val(),
                                projectId: $("#projectIdBox").val(),
                                buildNature: $("#buildNatureBox").val(),
                                projectTime: $("#projectTimeBox").val()
                            },
                            onLoadSuccess: function () {
                                $.ajax({
                                    type: "post",
                                    dataType: "json",
                                    contentType: "application/json;charset=UTF-8",
                                    data: JSON.stringify(project),
                                    url: "/ESEasyUi/projectController/queryTotalSum",
                                    success: function (data) {
                                        console.log(data);
                                        $("#project_dg").datagrid('insertRow', {
                                            index: 0,
                                            row: {
                                                projectName: '汇总',
                                                affiliatedUnit: "",
                                                projectId: "",
                                                buildNature: "",
                                                projectPrice: data
                                            }
                                        });
                                    },
                                    error: function (message) {
    
                                    }
                                });
                            },
                            rowStyler: function (index, row) {
                                if (row.projectName == "汇总") {
                                    return "background-color:Yellow;";//背景颜色
                                }
                            },
                            columns: [[
    
                                {field: 'projectName', title: '项目名称', width: "20%", align: "center"},
    
                                {field: 'affiliatedUnit', title: '所属单位', width: "20%", align: "center"},
    
                                {field: 'projectId', title: '项目编码', width: "20%", align: "center"},
    
                                {field: 'buildNature', title: '建设性质', width: "20%", align: "center"},
    
                                {
                                    field: 'projectPrice', title: '计划值', width: "20%", align: "center",
                                    sortable: true,
                                    editor: {
                                        type: "numberbox",
                                        options: {
                                            precision: 2
                                        }
                                    },
                                    formatter:function(v){
                                        return parseFloat(v).toFixed(2)
                                    }
                                }
    
                            ]],
                            onDblClickCell: function (index, field, value) {
                                if ($("#projectTimeBox").val()!=""){
                                    if (endEditing()) {
                                        if(field=="projectPrice"){
                                            $(this).datagrid('beginEdit', index);
                                            var ed = $(this).datagrid('getEditor', {index:index,field:field});
                                            // $(ed.target).focus();
                                        }
                                        editIndex = index;
                                    }
                                    $('#project_dg').datagrid('onClickRow')
                                }
                            }
                        });
                    });
            });
    
            /*年份插件*/
            function yearFormatter(date) {
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                return y;
            };
    
            //年份插件
            function yearParser(s) {
                if (!s) return new Date();
                var y = s;
                var date;
                if (!isNaN(y)) {
                    return new Date(y, 0, 1);
                } else {
                    return new Date();
                }
            }
        </script>
    </head>
    <table id="tb">
        <div>
            <!--单位下拉列表-->
            &nbsp;&nbsp;&nbsp;&nbsp;单位:
            <input class="easyui-combobox" id="affiliatedUnitBox" name="affiliatedUnitBox" style="width:150px"
                   data-options="valueField:'city',textField:'city',url:'/ESEasyUi/projectController/queryAllProjectAffiliatedUnit',prompt: '请选择所属单位'"/>
            <!--建设性质下拉列表-->
            &nbsp;&nbsp;&nbsp;&nbsp;建设性质:
            <select class="easyui-combobox" name="buildNatureBox" id="buildNatureBox" style="width: 90px">
                <option value="新建">新建</option>
                <option value="扩建">扩建</option>
                <option value="增容改造">增容改造</option>
                <option value="" selected="selected">请选择</option>
            </select>
    
            <!--年份下拉列表-->
            &nbsp;&nbsp;&nbsp;&nbsp;年份:
            <input class="easyui-datebox" id="projectTimeBox" name="projectTimeBox"
                   data-options="formatter:yearFormatter,parser:yearParser,prompt: '请选择'" style="width: 100px"/>
    
            <!--  项目编码-->
            &nbsp;&nbsp;&nbsp;&nbsp;项目编码:
            <input name="projectIdBox" id="projectIdBox" class="easyui-textbox"
                   data-options="prompt: '请填写'"
                   style="width:120px">
    
            <!--  项目名称-->
            &nbsp;&nbsp;&nbsp;&nbsp;项目名称:
            <input name="projectNameBox" id="projectNameBox" class="easyui-textbox"
                   data-options="prompt: '请填写' "
                   style="width:120px">
    
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
            <button id="submit_search" style="background-color: #00ee00;color: white;border-radius: 5px;border-style: none">
                查询
            </button>
            &nbsp;<button id="project_add"
                          style="background-color: #00ee00;color: white;border-radius: 5px;border-style: none">新增项目
        </button>
            &nbsp;<button id="project_edit"
                          style="background-color: #00ee00;color: white;border-radius: 5px;border-style: none">修改项目
        </button>
            &nbsp;<button id="project_save"
                          style="background-color: #00ee00;color: white;border-radius: 5px;border-style: none">保存
        </button>
        </div>
    </table>
    <br>
    <table id="project_dg" class="easyui-datagrid"></table>
    <!--修改对话框-->
    <div id="project_edit_dialog"></div>
    <div id="project_add_dialog"></div>
    
    

    添加页面addproject.html

    <script>
        $("#project_add_form").form({
            url: "/ESEasyUi/projectController/addProject",
            onSubmit: function () {
                return $("#project_add_form").form("validate")
            },
            success: function (data) {
                $("#project_add_dialog").dialog("close");
                $("#project_dg").datagrid("reload")
            }
        })
    
        /*年份插件*/
        function yearFormatter(date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return y;
        };
    
        //年份插件
        function yearParser(s) {
            if (!s) return new Date();
            var y = s;
            var date;
            if (!isNaN(y)) {
                return new Date(y, 0, 1);
            } else {
                return new Date();
            }
        }
    </script>
    <form id="project_add_form" method="post">
    
        <!--项目名称-->
        <div style="height: 40px;margin-top: 30px;padding: 0 10% 0 10%">
            <div style="float: left">
                项目名称:
            </div>
            <div style="float: right">
                <input name="projectName" class="easyui-textbox"
                       data-options="required:true,validType:'remote[\'/ESEasyUi/projectController/existsProject\',\'projectName\']',prompt:'项目之间不可重复、必填'"
                       style="height:100%;width:100%">
            </div>
        </div>
    
        <!--所属单位-->
    
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float: left">
                所属单位:
            </div>
            <div style="float: right">
                <input class="easyui-combobox" id="affiliatedUnit" name="affiliatedUnit" style="width:100%"
                       data-options="valueField:'city',textField:'city',url:'/ESEasyUi/projectController/queryAllProjectAffiliatedUnit',prompt: '请选择所属单位',required:true"/>
    
            </div>
        </div>
    
    
        <!--建设性质下拉列表-->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float: left">
                建设性质:
            </div>
            <div style="float: right">
                <select class="easyui-combobox" name="buildNature" id="buildNature" data-options="required:true" style="width: 100%">
                    <option value="新建">新建</option>
                    <option value="扩建">扩建</option>
                    <option value="增容改造">增容改造</option>
                </select>
            </div>
        </div>
    
        <!--  项目时间  -->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float: left">
                投产年份:
            </div>
            <div style="float: right">
                <input type="text" name="projectTime" class="easyui-datebox"
                       data-options="required:true,prompt:'请选择年份',formatter:yearFormatter,parser:yearParser"
                       style="height: 100%;width: 100%">
            </div>
        </div>
    
        <!--  项目计划值  -->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float: left">
                当年计划值:
            </div>
            <div style="float: right">
                <input id="projectPrice" name="projectPrice" class="easyui-numberbox"
                       data-options="min:0,max:100,precision:2,required:true,prompt:'请填写 0~100',validType:['number']"
                       style="height: 100%;width: 100%"/>
            </div>
        </div>
    </form>
    

    修改页面edit_project.html

    <script>
        $("#project_edit_form").form({
            url: "/ESEasyUi/projectController/updateProject",
            onSubmit: function () {
                // alert("执行到了!!!!");
                return $("#project_edit_form").form("validate")
            },
            success: function (data) {
                $("#project_edit_dialog").dialog("close");
                $("#project_dg").datagrid("reload")
            }
        })
    
    </script>
    <form id="project_edit_form" method="post">
        <!--项目名称-->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float:left">
                项目名称:
            </div>
            <div style="float:right">
                <input id="projectNameUpdate" name="projectName" class="easyui-textbox" data-options="required:true"
                       style="height:100%;width:100%">
                <!--validType:'remote[\'/ESEasyUi/projectController/existsProject\',\'projectName\']',-->
            </div>
        </div>
    
        <!--项目编码-->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float:left">
                项目编码:
            </div>
            <div style="float:right">
                <input id="projectIdUpdate" name="projectId" readonly="readonly" class="easyui-textbox"
                       data-options="required:true" style="height:100%;width:100%;">
            </div>
        </div>
    
        <!--所属单位-->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <div style="float: left">
                所属单位:
            </div>
            <div style="float: right">
                <input class="easyui-combobox" id="affiliatedUnitUpdate" name="affiliatedUnit" style="width:100%"
                       data-options="required:true,valueField:'city',textField:'city',url:'/ESEasyUi/projectController/queryAllProjectAffiliatedUnit',prompt: '请选择所属单位',required:true"/>
    
            </div>
        </div>
    
        <!--建设性质下拉列表-->
        <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">
            <select class="easyui-combobox" name="buildNature" id="buildNatureUpdate" data-options="required:true" style="height:100%;width:100%">
                <option value="新建">新建</option>
                <option value="扩建">扩建</option>
                <option value="增容改造">增容改造</option>
            </select>
        </div>
    
    <!--    &lt;!&ndash;  项目时间  &ndash;&gt;-->
    <!--    <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">-->
    <!--        <input type="text" id="projectTimeUpdate" name="projectTime" class="easyui-datebox"-->
    <!--               data-options="required:true,prompt:'项目时间'" style="height: 100%;width: 100%">-->
    <!--    </div>-->
    
        <!--  项目计划值  -->
    <!--    <div style="height: 40px;margin-top: 15px;padding: 0 10% 0 10%">-->
    <!--        <input id="projectPriceUpdate" name="projectPrice" class="easyui-textbox"-->
    <!--               data-options="required:true,prompt:'项目计划值'" style="height: 100%;width: 100%">-->
    <!--    </div>-->
    
    </form>
    
    展开全文
  • 使用名称框快速创建,实例定义了名称为"销售额"的单元格区域。如下图EXCEL使用名称框快速定义名称---引用区域第二种.选择需要定义名称的单元格,然后点击公式栏"定义名称"按钮创建,实例定义了一个美元汇率的名称。...

    定义名称有什么用?

    • 可以标识引用区域
    • 对重复使用的内容定义名称,方便快速调用单元格数据
    • 方便高使用率内容的修改
    • 方便VBA中调用表格数据

    EXCEL定义名称怎么做,

    定义名称有三种方式

    第一种.使用名称框快速创建,实例定义了名称为"销售额"的单元格区域。如下图

    70f9a52b79c8e61fd5cf0dfc22591459.gif

    EXCEL使用名称框快速定义名称---引用区域

    第二种.选择需要定义名称的单元格,然后点击公式栏"定义名称"按钮创建,实例定义了一个美元汇率的名称。如下图

    667805c9e94b6f89a251ef165d5c85ca.gif

    EXCEL选中单元格定义名称示例

    第三种,利用根据所选内容指定名称,首先选择中需要定义名称的区域,然后点击公式栏
    “根据所选内容创建”按钮,有四种名称指定方式,如下图。

    e24741d379a2b20d69b93cce8568255c.gif

    EXCEL利用“根据所选内容创建”定义名称

    完整示例如下图

    a9231788837170ab08d0f2494a018c04.gif

    EXCEL利用“根据所选内容创建”定义名称完整示例

    把重复套用的公式定义为名称

    步骤:点击公式栏的“定义名称”按钮,输入名称值,在引用位置输入需要命名的公式。

    示例:名称值:查找销售额;引用位置的值:=VLOOKUP(J2,C:F,4,FALSE)。详情见下图:

    ada9982113a4e7133f05eab8af9bc878.gif

    EXCEL定义名称--把公式命名为名称

    Tips:上面示例中的Vlookup函数,不理解的可参考"实用的Excel查找函数,Hlookup,Vlookup,Lookup"

    在工作表中引用定义好的名称

    1.引用定义好的名称

    示例目的:将人民币计价的销售额转换为美元

    引用的名称为“美元汇率”,公式:=F2/美元汇率

    49d5cd542b3b69d09410bdca985f469c.gif

    EXCEL定义名称--引用单元格名称

    2.引用定义好的单元格区域名称,

    示例目的:获取员工销售额排名

    引用的名称为“销售额”,公式:=RANK(F2,销售额)

    Tips:RANK函数返回数值在一列数字中相对其它数值的大小排名

    6c1532bf7018703e7c7605bf87f47a4d.gif

    EXCEl定义名称--引用定义的单元格区域名称

    3.引用定义的公式名称

    示例目的,根据员工姓名获取对应销售额

    引用的名称"查找销售额"; 公式:=查找销售额

    0d06c919175a955c80552e61dddda037.gif

    EXCEL定义名称--引用定义的公式名称

    展开全文
  • 首先来看看实现的效果图:HTML中无需添加额外的一列来表示复选,而是由JS完成,所以正常的表格布局就行了:类别编号类别名称类别组状态说明C...下面是完整代码和注释说明:表格列表新增修改删除类别编号类别名称类...

    首先来看看实现的效果图:

    HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了:

    类别编号类别名称类别组状态说明

    C00001机车机车有效机车头C00002车厢机车有效载客车厢

    重点是JS的实现。复选框很小,不容易点到,所以点击每一行也可以选中该行,并用高亮一些CSS样式表示。点击复选框所在单元格也能选中复选框。

    下面是完整代码和注释说明:

    表格

    列表

    新增

    修改

    删除

    类别编号类别名称类别组状态说明

    C00001机车机车有效机车头C00002车厢机车有效载客车厢

    $(function(){

    function initTableCheckbox() {

    var $thr = $('table thead tr');

    var $checkAllTh = $('

    ');

    /*将全选/反选复选框添加到表头最前,即增加一列*/

    $thr.prepend($checkAllTh);

    /*“全选/反选”复选框*/

    var $checkAll = $thr.find('input');

    $checkAll.click(function(event){

    /*将所有行的选中状态设成全选框的选中状态*/

    $tbr.find('input').prop('checked',$(this).prop('checked'));

    /*并调整所有选中行的CSS样式*/

    if ($(this).prop('checked')) {

    $tbr.find('input').parent().parent().addClass('warning');

    } else{

    $tbr.find('input').parent().parent().removeClass('warning');

    }

    /*阻止向上冒泡,以防再次触发点击操作*/

    event.stopPropagation();

    });

    /*点击全选框所在单元格时也触发全选框的点击操作*/

    $checkAllTh.click(function(){

    $(this).find('input').click();

    });

    var $tbr = $('table tbody tr');

    var $checkItemTd = $('

    ');

    /*每一行都在最前面插入一个选中复选框的单元格*/

    $tbr.prepend($checkItemTd);

    /*点击每一行的选中复选框时*/

    $tbr.find('input').click(function(event){

    /*调整选中行的CSS样式*/

    $(this).parent().parent().toggleClass('warning');

    /*如果已经被选中行的行数等于表格的数据行数,将全选框设为选中状态,否则设为未选中状态*/

    $checkAll.prop('checked',$tbr.find('input:checked').length == $tbr.length ? true : false);

    /*阻止向上冒泡,以防再次触发点击操作*/

    event.stopPropagation();

    });

    /*点击每一行时也触发该行的选中操作*/

    $tbr.click(function(){

    $(this).find('input').click();

    });

    }

    initTableCheckbox();

    });

    总结

    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言留言交流。

    展开全文
  • Foundation框架 6.4.2.zip

    2019-05-23 15:29:08
    重命名$ block-grid-max变量以摆脱重复的名称问题;从“menu-item”修正的“下钻”aria属性来修正“menu item”;在xy网格布局中添加缺失的第七个参数到xy-cell混合;修复xy网格中的响应缩减和完整类;在下拉菜单中...
  • XY散点图添加名称.

    2014-10-28 19:33:24
    (而不是直接打开ZIP文件再打开XLS文件)这样你的EXCEL中就会出现一个工具"更改数据标签",先选中要修改标签的系列再点该工具,出现输入选择后用鼠标选定放数据标签的单元格. "更改数据标签"将一直在EXCEL中,即使你...
  • EXCEL中人民币大写

    2011-04-01 11:17:40
    电子表格中轻松输入人民币大写,只需输入小写金额,自动出现人民币大写。如果需要,只需把大写金额中的公式复制自己的目标位置就可,(适当修改一下单元格名称
  • Excel VBA实用技巧大全 附书源码

    热门讨论 2010-10-08 18:59:24
    04158修改单元格的批注 04159为单元格区域定义名称、删除名称(Name属性) 04160为单元格区域定义名称、删除名称(Add方法) 04161自动调整单元格大小 04162自动调整工作表全部单元格的大小 04163设置单元格的大小...
  • excel 与ppt的操作

    2020-12-28 17:17:42
    大体上跟word界面类似,有很多功能是一样的,一个文档就是一个工作簿,每个工作簿又默认包含一个工作表,名称是Sheet1,可以有很多个工作表,每个工作表之间是独立的。 1.1.2单元格 编辑区域由若干个单元格组成,每...

    第一章EXCEL操作与应用
    1.1 EXCEL介绍
    1.1.1excel 表格界面
    大体上跟word界面类似,有很多功能是一样的,一个文档就是一个工作簿,每个工作簿又默认包含一个工作表,名称是Sheet1,可以有很多个工作表,每个工作表之间是独立的。
    在这里插入图片描述
    1.1.2单元格
    编辑区域由若干个单元格组成,每个单元格都以自己所在的列和行命名,比如“A1”单元格。
    在这里插入图片描述
    1.2 修改工作表
    1.2.1 单元格操作
    根据自己要求设置单元格。
    在这里插入图片描述
    1.2.2 调整表格边框
    右击单元格,选择“设置单元格格式”
    在这里插入图片描述
    选择“边框”,根据要求设置边框。
    在这里插入图片描述
    1.3数据类型
    数字类型是指单元格内数据的种类,默认情况下,单元格采用“常规”类型,类型有很多“日期、货币等”,对选中的单元格右键“设置单元格格式—数字”
    在这里插入图片描述

    1.3.1输入分数
    要在单元格中输入分数形式的数据,应先在编辑框中输入“0”和一个空格,然后再输入分数,否则Excel会把分数当作日期处理。
    在这里插入图片描述
    1.3.2输入身份证
    输入身份证号,如果直接回车,身份证号会变成科学计数法的形式。
    在这里插入图片描述
    正确方法:在身份证号前面加一个英文的单引号,就可以直接显示出来。
    在这里插入图片描述
    1.3.3数值
    根据需要可以设置小数位数。

    在这里插入图片描述
    如图只设置显示小数位后两位。则按下回车后只会显示两位小数。
    在这里插入图片描述
    1.3.4货币与会计专用
    货币的使用:
    在这里插入图片描述
    将常规数值设置成货币,设置小数位为两为。结果如图所示:
    在这里插入图片描述
    会计专用:
    将常规数值设置为会计专用
    在这里插入图片描述在这里插入图片描述
    会计专用和货币的区别。可以看到会计专用中“¥”符号会左对齐,而货币格式,“¥”符号不会左对齐。
    在这里插入图片描述
    1.3.5日期
    输入一个:
    在这里插入图片描述
    选择任意一个格式:
    在这里插入图片描述
    结果如下图:
    在这里插入图片描述
    1.3.6 时间
    输入一个时间:
    在这里插入图片描述
    选着一个时间格式:
    在这里插入图片描述
    结果如下图:
    在这里插入图片描述
    1.3.7百分比
    输入一个数,然后设置百分比格式:
    在这里插入图片描述
    1.3.8分数
    在这里插入图片描述
    设置分数格式:
    在这里插入图片描述
    结果如下图:
    在这里插入图片描述
    1.3.9设置特殊格式
    在这里插入图片描述
    1.4函数
    sum():用来返回某一单元格区域中所有数字之和。(求和)
    在这里插入图片描述
    average():返回参数的平均数。
    在这里插入图片描述
    max():返回参数中的最大值
    在这里插入图片描述
    min():返回参数的最小值
    在这里插入图片描述
    today():以年/月/日的格式返回今天的日期。
    在这里插入图片描述
    1.5相对应用
    在这里插入图片描述
    复制D2单元格,然后粘贴至D3-D4(也可以将鼠标悬停在D2单元格右下角,使鼠标指针变成一个黑色的十字形,然后按住鼠标左键并向下拖动至D4单元格),把D2复制到D3单元格的时候(行数加1)

    1.6绝对应用
    如果求单个产品百分比使用相对引用就会出现如下图情况,求百分比E2=D2/D5。
    在这里插入图片描述
    这时候需要使用相对引用,选择单元格中的“D5”按F4键,会变为“$D$5”,按Enter确认
    在这里插入图片描述
    1.7排序
    根据需求自定义排序。
    在这里插入图片描述
    在这里插入图片描述
    1.8图标操作
    更具已有的数据资料制作一目了然的图表。
    在这里插入图片描述
    在这里插入图片描述
    1.9设置条件格式
    有时候数据很多,需要挑选一些特定的数据。
    这时候就需要用到条件格式,为单元格设置条件并显示出来:
    在这里插入图片描述
    在这里插入图片描述
    图中红色填充块为大于90的数据。
    图中黄色填充快为小于60的数据。

    1.10保护工作表
    保护工作表可以限制对单元格的操作行为。通常涉及两个功能—“保护工作表”和“允许用户编辑区域”。其中“允许用户编辑区域”的作用是允许知道密码的用户编辑特定单元格的内容,如果此功能不设置,则整个工作表的所有单元格都默认为只读权限。
    选择“审阅—允许用户编辑区域”,输入“区域密码”
    在这里插入图片描述
    在这里插入图片描述
    输入保护工作表的密码。
    1.11 EXCEL 操作技巧
    1.11.1相同姓名汇总
    将下图相同姓名进行汇总:
    在这里插入图片描述
    首先选择存放汇总的位置 。
    在这里插入图片描述
    使用“数据”中的“合并计算”
    在这里插入图片描述
    然后选择需要汇总的区域,点击添加。标签位置将“首列”和“最左列”勾选。然后点击确定。
    在这里插入图片描述
    汇总结果如下图:
    在这里插入图片描述
    1.11.2 找出不同数据(cttl+\)
    下图数据存有差异,找出不相同的数据。
    在这里插入图片描述
    选中需要操作的数据,然后使用快捷键ctrl+\,将筛选出的不同的数据进行标注。
    在这里插入图片描述
    1.11.3 去除小数点(ctrl+shift+1)
    下图数据去除小数点。
    在这里插入图片描述
    选中需要操作的数据,使用快捷键ctrl+shift+1。
    在这里插入图片描述
    得出结果会四舍五入。

    1.11.4 快速求和(alt+=)
    选中数据使用快捷键alt+=。会快速自动得出结果。
    选中数据使用快捷键alt+=。会快速自动得出结果。

    在这里插入图片描述
    1.11.5 快速填充货币格式(ctrl+shift+4)
    选中数据使用快捷键ctrl+shift+4。
    在这里插入图片描述
    1.11.6 美化工作表(ctrl+t)
    选中需要美化的工作表,使用快捷键ctrl+t。点击确定。
    在这里插入图片描述
    1.11.7 快速生成柱状图(alt+f1)
    选中数据,使用快捷键alt+f1。就会自动生成相对于的柱状图。
    在这里插入图片描述
    结果如下图。
    在这里插入图片描述
    第二章PPT操作与应用
    2.1设置背景格式
    右击空白区域,出现菜单栏,点击设置背景格式。
    在这里插入图片描述
    页面右边会出现设置背景格式的菜单栏。根据需求设置需要的背景。
    在这里插入图片描述
    页面右边会出现设置背景格式的菜单栏。根据需求设置需要的背景。

    2.2 插入音频与视频
    点击插入中的视频与音频。
    在这里插入图片描述
    选中需要视频与音频插入即可。
    在这里插入图片描述
    2.3 设置超链接
    选中一个图标或者文字。右键点击超链接。
    在这里插入图片描述
    选着需要连接的文件。点击确定。
    在这里插入图片描述
    然后打开超链接,就可以直接播放或者打开所链接的文件。
    在这里插入图片描述
    2.4 设置触发器
    触发器是ppt中的一项功能,它可以是一个图片、文字等,相当于一个按钮,在ppt中设置好触发器功能后,点击触发器会触发一个操作,该操作可以是多媒体,影片,动画,简单概括ppt触发器:通过按钮点击控制ppt页面中已设定动画的执行。
    在这里插入图片描述
    插入一张图片,点击“开始” “选择” “选择窗格”。
    在这里插入图片描述
    页面右边会出现菜单,给所对应的窗格更改名字如下图:
    在这里插入图片描述
    给对应的文本框添加动画,选择触发的窗格。
    在这里插入图片描述
    这样触发器就设置好了。

    展开全文
  • Excel中利用函数查找图片功能的实现

    千次阅读 2019-03-26 01:18:22
    Ready:准备好图片资料,如下图:A列是名称,B列是对应图片。注意图片的大小要在单元格的边框以内,不要过界。 1.创建图片引用位置 2.粘贴链接图片 3.修改公式 4.设置数据有效性 6.轻微调整,完成,...
  • 易语言4.11破解补丁

    千次下载 热门讨论 2008-08-04 09:22:23
    修改高级表格“修改单元格数值时导致计算列无穷递归计算”的BUG,感谢易友一帆风。 27. 修改数值计算支持库“计算大数相乘时存在递归进位的情况下导致结果出错”的BUG,感谢易友chegjigfg。 28. 修改网络...
  • 使用FiveThiryEight提供的csv文件进行天气数据分析 我的第一个代码单元非常正常地启动... 第四个单元格使用'.replace'来更改数据中所有先前使用的城市缩写,以成为完整的城市名称。 第五个单元格显示了列名和数据类
  • 易语言v4.11破解补丁

    2008-09-13 09:21:03
    修改高级表格“修改单元格数值时导致计算列无穷递归计算”的BUG,感谢易友一帆风。 27. 修改数值计算支持库“计算大数相乘时存在递归进位的情况下导致结果出错”的BUG,感谢易友chegjigfg。 28. 修改网络通讯支持...
  • TExCell电子表格控件

    2006-02-23 09:05:59
    单元格名称可以使用中文(2000/12/13)26. 函数分类列表(2000/12/13)27. 查找替换(2000/12/13)28. 设计模式(不执行单元格内的公式,但是检查语法和循环引用,显示公式)(2000/12/13)29. 运行模式(执行单元格内的...
  • 可以自己定义一个数据透视表样式步骤1单击数据透视表区域任意单元格→数据透视表工具→设计→样式组中的下拉按钮,打开数据透视表样式库→新建数据透视表样式步骤2打开“新建数据透视表样式”修改名称为“Mylove...
  • ★修正列表公式保存后来源字段变为字段实际名称了,修改时无法转换的问题。 ★修正报表删除时废号没有被重用的问题。 ★修正存在工作流的模板自动编号废号总被锁定不能重用问题。 ★修正管理数据表清除别名时没有把...
  • VBA常用技巧

    2014-12-21 16:39:28
    技巧17 双击被保护单元格时不显示提示消息 12 技巧18 重新计算工作表指定区域 12 技巧19 录入数据后单元格自动保护 12 技巧20 工作表事件Target参数的使用方法 12 20-1 使用单元格的Address 属性 12 20-2 使用...
  • VBA编程技巧大全

    2013-08-05 09:03:19
    技巧17 双击被保护单元格时不显示提示消息 58 技巧18 重新计算工作表指定区域 60 技巧19 录入数据后单元格自动保护 60 技巧20 工作表事件Target参数的使用方法 62 20-1 使用单元格的Address 属性 62 20-2 使用...
  • 易语言4.13破解版.rar

    2012-01-03 18:22:29
    修改扩展界面支持库一,为“树形”增加多态检查功能,相应地添加了多个与检查相关的属性、方法和事件。 17. 修改高级表格支持库,允许“复制选定文本()”“剪切选定文本()”在“允许选择块”属性为假时复制...
  • 修改扩展界面支持库一,为“树形”增加多态检查功能,相应地添加了多个与检查相关的属性、方法和事件。 17. 修改高级表格支持库,允许“复制选定文本()”“剪切选定文本()”在“允许选择块”属性为假时复制...
  • EXCEL 2007 宝典 10/10

    2012-03-31 22:37:02
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 9/10

    2012-03-31 22:35:46
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 8/10

    2012-03-31 22:26:48
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 7/10

    2012-03-31 22:17:34
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 6/10

    2012-03-31 22:08:39
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 5/10

    2012-03-31 21:59:23
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 4/10

    2012-03-31 21:50:16
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...
  • EXCEL 2007 宝典 3/10

    2012-03-31 21:39:31
     4.1.6 使用名称框选择特定单元格或区域  4.2 复制和移动区域  4.2.1 数据的复制和移动操作简介  4.2.2 使用功能区按钮进行复制或移动  4.2.3 使用快捷键进行复制或移动  4.2.4 使用右键菜单命令进行复制或...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 232
精华内容 92
关键字:

修改单元格名称框