easyui dialog 按钮动态命名

最新推荐文章于 2021-06-07 19:21:18 发布

weixin_33781606

最新推荐文章于 2021-06-07 19:21:18 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/487053

本文介绍了一种在网格中增加支付类型弹框的方法，包括如何通过JavaScript创建弹框并设置不同按钮的功能，以及如何调整按钮显示状态的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.方法一：

/**
 * grid新增
 * 弹框并且获取支付类型
 */
function gridAdd() {
    var dlg = $('#mydialog').dialog({
        title : "缴纳保证金",
        buttons : [ {
            id : "flagBttOne",
            text : "缴纳保证金",
            handler : function() {
                confirmSubmit2();
            }
        }, {
            id : "flagBttTwo",
            text : "保存用户信息并缴纳保证金",
            handler : function() {
                confirmSubmit2();
            }
        }, {
            text : "关闭",
            handler : function() {
                dlg.dialog('close');
            }
        } ]
    });
    
    $('#mydialog').dialog('open'); // 打开窗口
}

对按钮添加id属性，操作id属性。

$('#flagBttOne').hide();
$('#flagBttTwo').show();

2.直接对id属性进行赋值操作

document.getElementById('myform').text()=""

但是这个做法存在，一个问题

一.鼠标放下去，会有下划线

二.字的位置不在方框的中间

3.定义一个公共变量，判断之后，进行赋值