多个弹窗选中

最新推荐文章于 2024-08-07 22:45:25 发布
最新推荐文章于 2024-08-07 22:45:25 发布
阅读量171 收藏
点赞数
文章标签： easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38483435/article/details/93193990
版权

选择商品后保存

<!DOCTYPE html>
<html xmlns:margin-bottom="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title><%= trans.index.title %></title>
    <link rel="stylesheet" type="text/css"
          href="<%= locals.webdownload %>/js/jquery-easyui-1.5.5.7/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%= locals.webdownload %>/js/jquery-easyui-1.5.5.7/themes/icon.css">
    <script type="text/javascript" src="<%= locals.webdownload %>/js/jquery-easyui-1.5.5.7/jquery.min.js"></script>
    <script type="text/javascript"
            src="<%= locals.webdownload %>/js/jquery-easyui-1.5.5.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="<%= locals.webdownload %>/js/common.js"></script>
</head>
<body>
<div style="margin:5px;">
    <input id="name" class="easyui-textbox" prompt="活动名称">
    <a href="#" class="easyui-linkbutton" οnclick="doSearch()" iconcls="icon-search"><%= trans.common.select %></a>
    <a id="reset" href="#" οnclick="resetSearch()" class="easyui-linkbutton"
       data-options="iconCls:'icon-reload'"><%= trans.common.reset %></a>
    <div style="display: inline-block;color: #ff0000">&nbsp;&nbsp;<%=trans.common.dbClickTip%></div>

</div>
<div id="tableActivity">
    <table id="activity-list">
    </table>
</div>
<div id="activity-dialog" style="display: none; ">
    <form id="activity-form" method="post">
        <div style="margin:20px 50px; " >
            <div style="margin-bottom:10px">
                <input class="easyui-textbox" name="name"   missingMessage="该输入框为必填项" data-options="label:'活动名称:',required:true,width:500" />
            </div>
            <div style="margin-bottom:10px">
                <div style="width: 14%;float: left;">
                    <label>活动类型:</label>
                </div>
                <div style="width: 86%;float: left">
                    <div style="margin-bottom:10px">
                        <input class="easyui-radiobutton"  name="type" value="1"  data-options="label:'商品折扣',labelPosition:'after',labelWidth:70" checked/>
                        <input class="easyui-numberbox"  id="discount1" data-options="required:true,value:0,min:0.1,max:9.9,precision:1,width:100" />&nbsp;折
                    </div>
                    <div style="margin-bottom:10px">
                        <input class="easyui-radiobutton"  name="type" value="2"  data-options="label:'第二杯',labelPosition:'after',labelWidth:70" />
                        <input class="easyui-numberbox"  id="discount2" data-options="required:true,value:0,min:0.1,max:9.9,precision:1,width:100" />&nbsp;折
                    </div>
                    <div style="margin-bottom:10px">
                        <input class="easyui-radiobutton"  name="type" value="3"  data-options="label:'新用户首杯',labelPosition:'after',labelWidth:90" />
                        <input class="easyui-numberbox"  id="discount3" data-options="required:true,value:0.1,min:0.1,max:9.9,precision:1,width:100" />&nbsp;折(开发中)
                    </div>
                </div>
            </div>

            <div style="margin-bottom:10px">
                <input class="easyui-datebox" name="start_time"  missingMessage="该输入框为必填项" data-options="label:'开始时间:',required:true,width:250,editable:false">
            </div>
            <div style="margin-bottom:10px">
                <input class="easyui-datebox" name="end_time"  missingMessage="该输入框为必填项" data-options="label:'结束时间:',required:true,width:250,editable:false">
            </div>
            <div style="margin-bottom:10px">
                <div style="width: 14%;float: left;">
                    <label>可用商品:</label>
                </div>
                <div style="width: 86%;float: left">
                    <div style="margin-bottom:10px">
                        <input class="easyui-radiobutton"  name="goods_id" value="0"  data-options="label:'全部商品',labelPosition:'after'" checked />
                    </div>
                    <div style="margin-bottom:10px">
                        <input class="easyui-radiobutton" id="goods"  name="goods_id" value="1"  data-options="label:'部分商品',labelPosition:'after'" /><a href="#" οnclick="showGoodsDialog()">选择商品</a>
                    </div>
                </div>
            </div>
            <div style="margin-bottom:10px">
                <input class="easyui-textbox"  name="remark"   missingMessage="该输入框为必填项" data-options="label:'备注:',required:true,multiline:true,width:500,height:200" />
            </div>
        </div>
        </div>
    </form>
</div>
<div id="goods-dialog" style="display: none; ">
    <div id="goods-list"></div>
</div>
</body>

<script type="text/javascript">
    //日期格式
    $.fn.datebox.defaults.formatter = function (date) {
        //显示格式: 2017-05-08 17:15:15
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var day = date.getDate();
        var hour = date.getHours();
        var min = date.getMinutes();
        var ss = date.getSeconds();
        month = month < 10 ? '0' + month : month;
        day = day < 10 ? '0' + day : day;
        // hour =hour<10 ? '0'+hour :hour;
        // min = min<10? '0'+min:min;
        // ss = ss<10? '0'+ss:ss;
        return year + "-" + month + "-" + day;
    }
    $.fn.datebox.defaults.parser = function (date) {
        //重写formatter 必须 重写parser, 否则无论选择哪天, 日期均为当天日期
        //xxxx-x-x
        if (!date) return new Date();
        var array = date.split(" ");// 分成日期和时间两部分
        var arrayDate = array[0].split("-");
        var yearStr = arrayDate[0];
        var monthStr = arrayDate[1];
        var dayStr = arrayDate[2];
        var year = parseInt(yearStr, 10);
        var month = parseInt(monthStr, 10);
        var day = parseInt(dayStr, 10);
        // var arrayTime = array[1].split(":");
        // var hour = parseInt(arrayTime[0],10);
        // var min = parseInt(arrayTime[1],10);
        // var ss = parseInt(arrayTime[2],10);
        if (!isNaN(year) && !isNaN(month) && !isNaN(day)) {
            return new Date(year, month - 1, day);
        } else {
            return new Date();
        }
    }

    //活动编号
    let activityId = null;

    //活动商品(部分商品)
    let goodsId = null;

    function doSearch() {
        $('#activity-list').datagrid('load', {
            name: $('#name').val().replace(/(^\s*)|(\s*$)/g, "")
        });
    }

    //重置
    function resetSearch() {
        $('#name').textbox("reset");
    }

    function init() {
        $('#goods-list').datagrid({
            url: '/mall/goods/list?clang=<%= lang %>',
            method: 'get',
            idField:'id',
            columns: [[
                {field: 'id', title: 'ID', width: 100, align: 'center', checkbox: true},
                {field: 'name', title: '<%= trans.goods.name %>', align: 'center', width: 150},
                {field: 'typename', title: '<%= trans.goods.bigType %>', align: 'center', width: 150},
                {field:'price',title:'<%= trans.goods.price %>',  align:'center',width:150},
                {
                    field: 'url',
                    title: '<%= trans.goods.pic %>',
                    align: 'center',
                    width: 150,
                    formatter: function (value, row, index) {
                        return '<img style="width: 100px;height: 100px" src="<%= locals.download %>/' + row.operator + '/goods/' + value + '">';
                    }
                },
                {field:'activityName',title:'所属活动',  align:'center',width:150}
            ]],
            fitColumns: false,
            fit: true
        });
        $('#goods-dialog').dialog({
            modal: true,
            top: 50,
            left: 200,
            width: 800,
            height:800,
            iconCls: 'icon-good',
            title: '<%= trans.ui.goods %>',
            closed: true,
            buttons: [{
                text: '确认',
                iconCls: 'icon-ok',
                handler: function () {
                    $('#goods-dialog').dialog('close');
                }
            }, {
                text: '关闭',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#goods-dialog').dialog('close');
                }
            }]
        })
        $('#activity-dialog').dialog({
            modal: true,
            top: 10,
            left: 100,
            width: 700,
            height:700,
            iconCls: 'icon-save',
            title: '<%= trans.common.add %>',
            closed: true,
            buttons: [{
                text: '<%= trans.common.save %>',
                iconCls: 'icon-ok',
                handler: function () {
                    saveActivity();
                }
            }, {
                text: '<%= trans.common.cancel %>',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#activity-dialog').dialog('close');
                }
            }]
        })

        //初始商品维护商品信息
        $('#activity-list').datagrid({
            url: '/mall/activity/list',
            method: 'get',
            columns: [[
                {field: 'id', title: 'ID', width: 100, align: 'center', checkbox: true},
                {field: 'name', title: '活动名称', align: 'center', width: 180},
                {field:'start_time',title:'活动开始时间',  align:'center',width:200},
                {field:'end_time',title:'活动结束时间',  align:'center',width:200},
                {
                    field: 'type',
                    title: '活动类型',
                    align: 'center',
                    width: 150,
                    formatter: function (value, row, index) {
                        switch (value) {
                            case '1':
                                return '折扣';
                            case '2':
                                return '第二杯N折';
                            case '3':
                                return '新用户首杯N折';
                            default:
                                break;
                        }
                    }
                },
                {field:'rule',title:'活动规则',  align:'center',width:150,
                    formatter: function (value, row, index) {
                        switch (row.type) {
                            case '1':
                                return value*10+'折';
                            case '2':
                                return value*10+'折';
                            case '3':
                                return value*10+'折';
                            default:
                                break;
                        }
                    }
                },
                {field: 'operator', title: '<%= trans.sys.operate %>', align: 'center', width: 150},
                {
                    field: 'auditState',
                    title: '审核状态',
                    align: 'center',
                    width: 150,
                    formatter: function (value, row, index) {
                        if(row.audit==0){
                            return '未审核';
                        }else if(row.audit==1){
                            return '审核中';
                        }else if(row.audit==2){
                            return '已审核';
                        }else if(row.audit==3){
                            return '已驳回';
                        }
                    }
                },
                {
                    field: 'status',
                    title: '<%= trans.sys.operation %>',
                    align: 'center',
                    width: 150,
                    formatter: function (value, row, index) {
                        if(row.audit==0 || row.audit==3){
                            return '<a href="#" onClick="audit(\''+ row.id +'\')">送审</a>';
                        }else if(row.audit==1){
                            return '';
                        }else if(row.enable==0){
                            return '<a href="#" onClick="able(\''+ row.id +'\',\''+row.end_time +'\',\''+row.goods_id+'\')">上线</a>';
                        }else if(row.enable==1) {
                            return '<a href="#" onClick="disable(\''+ row.id +'\')">下线</a>';
                        }else {
                            return '已过期'
                        }
                    }
                }
            ]],
            fitColumns: false,
            pagination: true,
            pageSize: 20,
            pageList: [20, 40, 60],
            fit: true,
            onDblClickRow:function (index,row) {
                activityId = row.id;
                goodsId = row.goods_id;
                $.ajax({
                    url: "/mall/activity/detail?activityId="+row.id,
                    type: "get",
                    success: function (data) {
                        let out = data.data;
                        $('#activity-form').form('load',out);
                        switch (out.type) {
                            case '1':
                                //全场折扣
                                $('#discount1').numberbox('setValue',out.rule*10);
                                break;
                            case '2':
                                //第二杯N折
                                $('#discount2').numberbox('setValue',out.rule*10);
                                break;
                            case '3':
                                $('#discount3').numberbox('setValue',out.rule*10);
                                break;
                            default:
                                break;
                        }
                        if(out.goods_id!=0){
                            $('#goods').radiobutton('check');
                        }
                        $('#activity-dialog').dialog('open');
                    },
                    error: function (out) {
                        $.messager.alert('', out.text);
                    }
                })
            },
            toolbar: [{
                iconCls: 'icon-add',
                text: '<%= trans.common.add %>',
                handler: function () {
                    activityId = null;
                    $('#activity-form').form('reset');
                    $('#activity-dialog').dialog('open');
                }
            }, '-', {
                iconCls: 'icon-remove',
                text: '<%= trans.common.del %>',
                handler: function () {
                    let rows = $('#activity-list').datagrid('getSelections');
                    if (rows.length < 1) {
                        $.messager.alert('', '<%= trans.common.selectOne %>');
                    } else {
                        $.messager.confirm("<%= trans.common.confirm %>", "<%= trans.common.confirmQ %>", function (isDelete) {
                            if (isDelete) {
                                let array = '';
                                for (let i = 0; i < rows.length; i++) {
                                    array += rows[i].id +',';
                                }
                                delCoupon(array.substring(0,array.length-1));
                            }
                        })
                    }
                }
            }, '-', {
                iconCls: 'icon-ok',
                text: '一键送审',
                handler: function () {
                    let rows = $('#activity-list').datagrid('getSelections');
                    if (rows.length < 1) {
                        $.messager.alert('', '<%= trans.common.selectOne %>');
                    } else {
                        $.messager.confirm("<%= trans.common.confirm %>", "确认一键送审", function (couponall) {
                            if (couponall) {
                                let array1 = '';
                                for (let i = 0; i < rows.length; i++) {
                                    array1 += rows[i].id +',';
                                }
                                sendactivityall(array1.substring(0,array1.length-1));
                            }
                        })
                    }
                }
            }
            ]
        });

    }

    $(document).ready(function () {
        $('#tableActivity').css('width', $(window).width() - 15)
        $('#tableActivity').css('height', $(window).height() - 51)
        init();

    });



    function saveActivity() {
        let url = '/mall/activity/add';
        if (activityId) {
            url = '/mall/activity/mod';
        }
        $('#activity-form').form('submit', {
            url: url,
            onSubmit: function (param) {
                let pass = $('#activity-form').form('validate');
                if (!pass) {
                    return false;
                }

                param.activityId = activityId;
                let json = $('#activity-form').serializeArray();
                $.each(json, function(i, field){
                    // $("#results").append(field.name + ":" + field.value + " ");
                    if(field.name=='type'){ //活动类型
                        switch (field.value) {
                            case '1':
                                param.rule = $('#discount1').numberbox('getValue')/10;
                                break;
                            case '2':
                                param.rule = $('#discount2').numberbox('getValue')/10;
                                break;
                            case '3':
                                param.rule = $('#discount3').numberbox('getValue')/10;
                                break;
                            default:
                                break;
                        }
                    }else if(field.name=='goods_id'){ //可用商品
                        if(field.value==0){ //全部商品
                            param.goodsArr = 0;
                        }else if(field.value==1){ //部分商品
                            let rows = $('#goods-list').datagrid('getSelections');
                            if(rows.length==0){
                                $.messager.alert('','请选择商品');
                                return false;
                            }else {
                                let ids = '';
                                for (let i = 0; i < rows.length; i++) {
                                    ids+=rows[i].id+',';
                                }
                                param.goodsArr = ids.substring(0,ids.length-1);
                            }
                        }
                    }
                });
            },
            success: function (data) {
                data = JSON.parse(data);
                if (data.code == 1) {
                    $.messager.alert('', 'success', 'info', function () {
                        $('#activity-dialog').dialog('close');
                        $('#activity-list').datagrid('reload');
                    })
                } else {
                    $.messager.alert('', data.text);
                    $('#activity-list').datagrid('reload');
                }
            }
        });
    }

    //显示弹窗
    function showGoodsDialog() {
        $('#goods-list').datagrid('uncheckAll');
        if(goodsId!=null && goodsId!=0 && $('#goods').radiobutton('options').checked){
            let ids = goodsId.split(',');
            for (let i = 0; i < ids.length; i++) {
                let rowIndex = $('#goods-list').datagrid('getRowIndex',ids[i]);
                $('#goods-list').datagrid('checkRow',rowIndex);
            }
        }
        $('#goods-dialog').dialog('open');
    }

</script>
</html>
时刻失业
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS开发，swift，多弹窗显示
qq_23930593的博客
10-09 1543
主要思路：弹窗在需要弹出时加入弹窗池，由弹窗池根据当前是否有弹窗以及优先级进行有序弹出。多个弹窗在一个页面弹出，避免遮挡覆盖。一个弹完，再弹下一个，直到全部弹窗显示完成。
Vue3多个弹窗同时出现解决思路
海风依旧
12-01 5741
Vue3多个弹窗同时出现解决思路：弹窗或者说对话框是我们在开发系统或者页面很常用的元素，所以博主想对出现多个弹窗的情况下的解决思路进行一个整理
顺序显示多个弹窗方案-责任链模式
折翅鵬的博客
03-19 1301
在应用中，用户进入应用首页以后经常会遇到顺序弹出多个弹窗的业务。例如进入首页以后，首先弹出运营活动弹窗，然后弹出应用评分或反馈弹窗，最后弹出应用更新弹窗等等。于是想到封装一套代码可以控制弹窗流程执行。 DialogChainOwner 弹窗链持有者。负责弹窗链节点的加入和展示入口。 /** * 弹窗链拥有者，用于控制链节点的添加和展示以及取消，销毁 */ public class DialogChainOwner implements LifecycleEventObserver { priv
多个弹窗的设置
m0_55249356的博客
08-25 568
弹窗相关
使用ArcGISAPI实现多个弹窗弹出；多个Popup窗体弹出，亲测可用。
11-23
使用ArcGISAPI实现多个弹窗弹出；多个Popup窗体弹出，亲测可用。
android 弹窗中加载list，选中后在界面展示
03-18
在Android开发中，创建一个能够从底部弹出并显示列表的弹窗是常见的需求，尤其在需要用户选择多项数据或执行操作时。这种设计通常被称为`BottomSheet`或者`PopupWindow`，配合`ListView`或者现代的`RecyclerView`来...
cesium弹窗 popup
03-01
"cesium弹窗 popup"这个话题主要关注的是如何在Cesium环境中创建和使用信息窗口，即popup，来展示关于地图上的特定位置或对象的详细信息。 首先，让我们理解什么是popup。在地图应用中，popup（通常称为信息窗口或...
iOS原生多选弹窗
04-06
在iOS开发中，有时我们需要实现一个功能，让用户能够在一个列表中选择多个项目，例如在商品分类、颜色选择等场景。这个“iOS原生多选弹窗”就是为了解决这样的需求而设计的。作者ioswei提供了开源代码...
小程序多选弹窗-可互斥效果.rar
06-24
本示例"小程序多选弹窗-可互斥效果.rar"聚焦于如何利用checkbox组件实现一个具有互斥功能的多选弹窗，这样的功能常用于让用户在多个选项中进行有限的选择，例如设置偏好、选择服务等。下面我们将详细探讨这一主题。 ...
支持多个确认对话框jQuery代码.rar_signalxeo_solidu9a_支持多个确认对话框jQuery代码
09-23
本资源“支持多个确认对话框jQuery代码.rar”提供了在网页中实现多类型确认对话框的功能，包括单次单选、单次双选以及多次双选对话框，并且具有全关闭选项。这一功能对于提升用户体验，特别是在用户需要进行关键操作...
Js弹出层（支持拖拽，多个弹窗自动切换层级）
03-20
NULL 博文链接：https://ongsh.iteye.com/blog/866528
多个弹层JS弹出
12-12
多个弹层,内容不一样,用JS数组弹出,改demo只是给了一个例子,有需要的话可以下载,不完善之处请多多包涵
iOS多个弹框按顺序依次弹出
Se7en丶潇洒哥 的博客
07-23 5172
有时候会有这样的需求：App 运行完，加载 RootVC ，此时需要做一些操作，比如检查更新，之类的。此时可能会需要有2个甚至多个弹框依次弹出。 本篇将以系统的 UIAlertController 作为示例，当然，如果是自定义的，也要看一下这篇文章，如何来处理多个弹窗。 首先，如果就按照如下的默认写法： - (void)viewDidAppear:(BOOL)animated {...
全选和复选 批量操作 弹框
qq_23927391的博客
11-02 603
全选和复选 批量操作 弹框 http://layer.layui.com/ http://www.layui.com/doc/modules/layer.html#btnAlign 需要引入layer弹框插件 //全选框
如何管理多个dialog弹出
Anywey的专栏
05-14 8360
**如何管理多个dialog弹出？需求背景：重复触发某一广播弹出多个dialog，现只需弹一个dialog，解决方案关键代码如下： 解决方案1：用isShowing()对正在show的dialog进行管理 if (mDialog == null) mDialog = new BaseDialogActivity(context, markIntent,R.style.BaseDia
添加弹窗_清除广告弹窗妙法之二：弹窗过滤法
weixin_39761491的博客
11-30 938
清除广告窗口妙法之二：弹窗过滤法通过上面的方法，可以清除八九成的广告，但是由于有些软件在程序开发中并未在设置模块中加入关停广告功能，所以我们还需要用下面的这种方法，彻底的清除电脑中的弹窗，还你一个清洁电脑工作环境。以下是几个比较顽固的广告弹窗及其对应的程序：1、FlashHelperService右下角弹窗----FlashHelperService.exe2、360每日趣玩中间弹窗---360D...
vue中实现多个弹窗，单一的点击关闭
weixin_39110677的博客
08-01 2722
<div class="payment_box" v-for="(item,index) in bannerList8" :key="item.id" v-show="pay_isclose.indexOf(index) == -1"> <div class="pay_box" > <div class="close" @click="c...
开发中Dialog多弹窗管理
肤浅失眠中
08-29 3344
随着项目的不断迭代，加上产品经理大法（这里加一个弹窗提示，这里加一个引导….）各种弹窗在应用启动时候需要展示， 然而它们出现的时机还有可能重叠。我勒个擦。。。有没有一种优（tou）雅(lan)的方式来完成这部分的需求呢？没错，这就是我们今天要介绍的东西. 我们想的是需要一个队列来管理弹窗，在各种请求回来之后去往队列中添加我们需要显示的弹窗，第一个弹窗消失了之后在显示下一个弹窗，往复下去直到任务完...
easyui如何给某一个单元格的内容增加下划线
最新发布
极客栈
08-07 443
在EasyUI的DataGrid组件中，你可以通过自定义单元格的渲染方式来实现给某一个单元格的内容增加下划线的效果。​函数中返回了一个带有下划线、颜色和字体大小的HTML内容。通过这种方式，你可以灵活地控制单元格的显示格式，包括增加下划线、改变颜色、添加图标等。通过这种方式，你可以灵活地控制单元格的显示格式，包括下划线、颜色和字体大小等。​​函数返回自定义的HTML内容来设置单元格文字的大小和颜色。在这个函数中，我们返回了一个带有下划线的HTML内容。在EasyUI的DataGrid组件中，你可以通过​。
Tkinter 创建多选框 获取选中值 并弹窗显示选中值
03-31
以下是一个 Tkinter 多选框示例，它可以获取选中值，并在弹窗中显示选中值： ```python import tkinter as tk from tkinter import messagebox class CheckBoxDemo(tk.Frame): def __init__(self, master): ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值