woshixudibaba

最新推荐文章于 2024-08-17 23:09:28 发布
最新推荐文章于 2024-08-17 23:09:28 发布
阅读量113 收藏
点赞数
文章标签： tomcat java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fenzu13879/article/details/122224236
版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./scripts/boot.js" type="text/javascript"></script>
</head>
<body>
    <div>
        <div style="width:700px;">
            <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
                <table style="width:100%;">
                    <tr>
                        <td style="width:100%;">
                            <a class="mini-button" iconCls="icon-add" οnclick="addRow('category')">增加</a>
                            <a class="mini-button" iconCls="icon-remove" οnclick="removeRow('category')">删除</a>    
                        </td>
                    </tr>
                </table>          
            </div>
        </div>
        <div id="datagrid1" class="mini-datagrid" 
            style="width:700px;height:250px;"
            allowCellEdit="true" 
            allowCellSelect="true" 
            multiSelect="true">
            <div property="columns">
                <div type="checkcolumn"></div>                
                <div name="CategoryName" width="120" field="category" headerAlign="center" allowSort="true">类目
                    <input property="editor" required="true" class="mini-textbox" style="width:100%;" />
                </div>    
                <div width="120" property="editor" field="num" headerAlign="center" allowSort="true">数量
                    <input property="editor" class="mini-spinner" minValue="0" maxValue="1000000" style="width:100%;"/>
                </div>
            </div>
        </div>
        
        <div style="width:700px;margin-top: 20px;">
            <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
                <table style="width:100%;">
                    <tr>
                        <td style="width:100%;">
                            <a class="mini-button" iconCls="icon-add" οnclick="addRow('type')">增加</a>
                            <a class="mini-button" iconCls="icon-remove" οnclick="removeRow('type')">删除</a>    
                        </td>
                    </tr>
                </table>          
            </div>
        </div>
        <div id="datagrid2" class="mini-datagrid" style="width:700px;height:250px;"
            allowCellEdit="true" 
            allowCellSelect="true"
            multiSelect="true">
            <div property="columns">
                <div type="checkcolumn"></div>             
                <div field="category" displayField="category" name="CategoryName" field="category" headerAlign="center">类目
                    <input property="editor" class="mini-combobox" style="width:100%;" 
                        id="categoryCombobox"
                        textField="text" 
                        valueField="id" 
                        emptyText="请选择..."
                        allowInput="true" />          
                </div>
                <div headerAlign="center" field="type" allowSort="true">小类名称
                    <input property="editor" required="true" class="mini-textbox" style="width:100%;" />
                </div>
                <div headerAlign="center" field="num" allowSort="true">数量
                    <input property="editor" class="mini-spinner" minValue="0" maxValue="1000000" style="width:100%;"/>
                </div> 
                <div type="comboboxcolumn" field="origin" headerAlign="center">产地
                    <input property="editor" class="mini-combobox" style="width:100%;" 
                        id="originCombobox"
                        textField="text" 
                        valueField="id" 
                        emptyText="请选择..." 
                        allowInput="true" />
                </div>
            </div>
        </div>
        <div style="margin-top: 20px;">
            <a class="mini-button" οnclick="submit()">提交</a> 
        </div>
    </div>
    <script type="text/javascript">
        var data1 = [
            { category: '蔬菜', num: 123 }, 
            { category: '水果', num: 123 } 
        ];
        var data2 = [];
        var categoryList = []
        var originInit = [{id: '1', text: '山东'}, {id: '2', text: '沈阳'}, {id: '3', text: '北京'}, {id: '4', text: '湖北'}]
        var originList = []
        mini.parse();
        var grid1 = mini.get("datagrid1");
        var grid2 = mini.get("datagrid2");
        var combo1
        var combo2
        grid1.setData(data1);
        grid2.setData(data2);
        saveData()
        function addRow(type) { 
            var newRow
            if (type == 'category') {
                newRow = { category: '', num: '' };
                grid1.addRow(newRow, grid1.data.length);
                grid1.beginEditCell(newRow, "CategoryName");
            } else {
                newRow = { category: null, type: '', num: '', origin: null};
                grid2.addRow(newRow, grid2.data.length);
                grid2.beginEditCell(newRow, "CategoryName");
                combo1 = mini.get('categoryCombobox')
                combo1.setData(categoryList)
            }      
        }
        function removeRow(type) {
            var rows
            var flag
            if (type == 'category') {
                rows = grid1.getSelecteds();
                let arr = [] 
                grid2.data.forEach(function(item) {
                    arr.push(item.category)
                })
                rows.forEach(function(val) {
                    flag = arr.indexOf(val.category) != -1 
                })
                if (flag) {
                    alert('以添加此类目的子类目，不能删除！')
                    return
                }
                if (rows.length > 0) {
                    grid1.removeRows(rows, true);                
                }
                saveData()
            } else {
                rows = grid2.getSelecteds();
                if (rows.length > 0) {
                    grid2.removeRows(rows, true);                
                }
                getOrigin()
            }
        }
        grid1.on("cellcommitedit", function (e) {
            if (e.field == "category") {
                if (!e.value.trim()) {
                    alert("类目不能为空");
                    e.cancel = true;
                } else {
                    saveData()
                    var rows = grid2.findRows(function(row){
                        if(row.category == e.oldValue) return true;
                    });
                    rows.forEach(function(row) {
                        grid2.updateRow(row, { category: e.value })
                    })
                }
            }
        });
        grid1.on("cellendedit",  function(e) {
            if (e.field == 'category') {
                if (!e.value.trim()) {
                    alert("类目名不能为空");
                } else {
                    saveData()
                }
            }
        })
        grid2.on("cellendedit",  function(e) {
            combo2 = mini.get('originCombobox')
            if (e.field == 'origin') {
                getOrigin(e.value)
            }
        })
        grid2.on("cellbeginedit", function(e) {
            if (e.field == 'origin') {
                combo2 = mini.get('originCombobox')
                getOrigin(e.value)
            } else if (e.field == 'category') {
                combo1 = mini.get('categoryCombobox')
                combo1.setData(categoryList)
            }
        })
        function getOrigin (cur) {
            originList = []
            let idArr = []
            grid2.data.forEach(function(val) {
                if (val.origin != cur) {
                    idArr.push(val.origin)
                }
            })
            console.log(idArr)
            for(var i = 0; i < originInit.length; i++) {
                if (idArr.length > 0) {
                    if (idArr.indexOf(originInit[i].id) == -1) {
                        originList.push(originInit[i])
                    } 
                } else {
                    originList.push(originInit[i])
                }
            }
            combo2.setData(originList)
        }
        function saveData() {  
            categoryList = []
            grid1.data.forEach(function(item) {
                categoryList.push({
                    id: item.category, text: item.category
                })
            })
        }
        function submit () {
            var obj = {}
            if (grid2.data.length > 0) {
                grid2.data.forEach(function(item){
                    if (obj[item.category]) {
                        obj[item.category] = obj[item.category] + item.num  
                    } else {
                        obj[item.category] = item.num
                    }
                })
                for (let i = 0; i < grid1.data.length; i++) {
                    if (obj[grid1.data[i].category] != grid1.data[i].num) {
                        alert(grid1.data[i].category + '数量不一致')
                        break;
                    }   
                }
            }
        }
    </script>
</body>
</html>

fenzu13879
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery MiniUI 开发教程 表格控件 表格编辑：单元格编辑验证（十四）
iteye_4698的博客
11-20 1503
[b]单元格编辑验证[/b] [img]http://www.miniui.com/docs/api/images/cellvalidation.gif[/img] 参考示例：[url=http://www.miniui.com/demo/datagrid/validation.html]单元格编辑验证[/url] [b]一：设置编辑器验证规则[/b] 员工帐号 ...
jquery miniUi使用小结
热门推荐
hellonight的专栏
01-21 2万+
这几天用miniUi 做了点东西，感觉挺好使的，顺便记录下，方便下次使用。 1:获取选中行： var row = grid.getSelected(); 2：获取多行：var rows = grid.getSelecteds(); 3：行操作：   操作 function onActionRenderer(e) {             var grid = e.sender;  
MiniUI级联
weixin_30652271的博客
12-05 287
OnCellCommitEdit: function (e) { var grid = e.sender; var record = e.record; var field = e.field, value = e.value; var param = {}; param.facdicId...
miniui文件上传 linux,MINIUI grid学习笔记
weixin_39746282的博客
05-15 539
grid 控件a.事件的绑定和移除grid.on("rowclick", fn); //绑定事件 (这个的话类似jquery的绑定事件)grid.un("rowclick", fn); //接触绑定 (这个是在百度上查找的)注：解除事件绑定，必须要传递一个处理函数所以绑定的时候不要是匿名函数b.绑定事件和移除事件都需要消耗一定的性能的单元格的绘制顺序left ------>righttop...
JAVA_SSM框架+MINIUI实现网页报表
xudong1107的博客
08-24 2611
要添加自定义列在取表头时添加，要添加行在取数据时添加，注意字段对应。
mini.DataGrid使用说明
ahe82105的博客
10-12 1336
mini.DataGrid表格。实现分页加载、自定义列、单元格渲染、行编辑器、锁定列、过滤行、汇总行等功能。Extend mini.PanelUsage <div id="datagrid1" class="mini-datagrid" style="width:700px;height:250px;" url="../data/AjaxService.as...
miniui中datagrid表格当前行根据下拉框的值去改变当前行某一列的编辑状态及配置相对应的值
qq_45846870的博客
01-15 1951
例如这个需求（下图）：注：因为这个问题困扰了我一个星期，现在已经解决掉，我把它记录一下，因为我自己也在网上找了，当作是我自己的总结吧。 （1)上图，‘产品名称’关联OA存货档案,当【产品属性】为【主机】、【板材】、【LED灯】时，必须选择，当【产品属性】是【配件】时可编辑配件名称。 （2)上图，‘防伪码’删除，改为‘产品属性’，并设为选择器(产品主机、配件、板材、LED灯)，数据联动：当产品属性=配件或板材或LED灯时，数量默认空，必填。当产品属性=产品主机时，数量默认1，不可编辑 前台HTML界面 &l
miniUI中grid表格中弹出单选表格
qq_45846870的博客
12-31 1401
上面是效果图，下面是代码 miniUI,dateagrid表格代码 BX.aspx界面 <div id="datagrid1" class="mini-datagrid" style="width: 98%; height: 100%;" url="JobMethod.ashx?Method=EBind" showpager="false" pagesize="500" allowcelledit="true" allowcellselect="true" editne...
【jQWidgets】API 笔记
飞扬小阁
12-02 1万+
http://www.jqwidgets.com/jquery-widgets-demo/ 常用： //设置列间距可调 $('#jqxGrid').jqxGrid({ columnsresize: false}); //获取是否可调值 var columnsresize = $('#jqxGrid').jqxGrid('columnsresize'); //数据绑定
miniui grid使用cellbeginedit事件编辑单元格时提供默认值
cherish12_24的专栏
08-22 4425
需求描述: 在编辑DataGrid收购入账日期单元格的时候,如果没有值则需要默认给定当前日期 解决方案: 通过查找miniui官方api文档,发现DataGrid中有cellbeginedit事件， 即编辑前事件。考虑的解决方法是在触发这个事件时给定单元格需要的默认值。事件描述如下： 第一次的代码如下： grid.on("cellbeginedit", function (e) ...
jqwidgets API
zhulinxi的博客
04-07 1433
$("#jqxgrid").jqxGrid({        theme: 'energyblue',        altrows: true,//行间底色区分        width: 500,        sortable: true,//设置可排序        pageable: true,//设置可分页        pagesize: 10,//设置默认页数        pag...
Tomcat文章目录
咖啡煮码
08-13 764
Tomcat文章目录
Tomcat下载安装文档
SunnyRivers
08-14 41
Tomcat服务器软件是一个免费的开源的web应用服务器。是Apache软件基金会的一个核心项目。由Apache，Sun和其他一些公司及个人共同开发而成。由于Tomcat只支持Servlet/JSP少量JavaEE规范，所以是一个开源免费的轻量级Web服务器。JavaEE规范： JavaEE => Java Enterprise Edition(Java企业版)JavaEE规范就是指Java企业级开发的技术规范总和。
MyBatis首篇-入门第一文
小程的博客
08-16 804
对MyBatis进行讲解分析，通过知识解析，让大家可以拥有一个初步认识，后又附上常用使用场景和优化策略
MyBatis关联查询详解
最新发布
m0_74064480的博客
08-17 152
在数据库操作中，关联查询是非常常见的需求。MyBatis作为优秀的持久层框架，提供了强大的关联查询功能。本文将通过示例来详解MyBatis中的一对一、一对多和多对多关联查询。
Mybatis工具类的封装
weixin_68489989的博客
08-16 577
Mybatis工具类的封装及封装原因和封装后使用方法
Tomcat的核心文件讲解
2201_75999403的博客
08-17 232
URL的一般语法格式为：protocol :// hostname[:port] / path / [:parameters][?注意：这里的name默认为localhost，如果改成其名字，如：xyz,用浏览器搜索。3）如果有，则直接返回所需要的ip地址，这个地址中有我们要访问的web程序，直接访问。这下，上面的问题我们就懂咯，上面的主机域名是我们编的，没有存放在本地。如果没有，就再去DNS服务器找，如果找到，就返回；🌴首先，我们思考一个问题，网站是如何进行访问的？下，我们要想访问成功，要去配置映射。
基于Windows系统和‌Linux系统，以tomcat为案例，讲解如何新增自启动服务。
iOS逆向与安全
08-17 43
当 sysvinit 系统初始化的时候，它会将所有可能用到的后台服务进程全部启动运行。Systemd 是 Linux 系统中最新的初始化系统（init），它主要的设计目标是克服 sysvinit 固有的缺点，提高系统的启动速度，systemd 提供按需启动能力。Systemd 可以提供按需启动的能力，只有在某个服务被真正请求的时候才启动它。使用"tomcatxw.exe",运行这个程序时，它会打开一个窗口，你可以在这个窗口中配置Tomcat服务的属性，例如启动类型、登录账户等。目前我都是使用64位。
【IDEA】idea配置服务器没有tomcat
Jacker
08-17 65
Tomcat 是一个 Java Servlet 容器和 Web 服务器，用于部署和运行 Java Web 应用程序。可以将其作为外部工具配置或通过插件安装。这样，开发者就可以在自己的 IntelliJ IDEA 项目中运行 Tomcat 服务器并部署 Web 应用程序。IntelliJ IDEA 不包含 Tomcat，因为它不是开发人员在应用程序开发中绝对必需的组件。配置好 Tomcat 后，开发者可以在 IntelliJ IDEA 中创建、部署和运行 Java Web 应用程序，而无需离开 IDE。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值