EXT中创建一个弹窗效果

最新推荐文章于 2024-01-06 23:30:00 发布

想养一只！

最新推荐文章于 2024-01-06 23:30:00 发布

阅读量930

点赞数

分类专栏： java 文章标签： ext弹窗组件 ext中弹窗效果

本文链接：https://blog.csdn.net/weixin_45151960/article/details/105531714

版权

本文介绍了在EXT中创建弹窗效果的方法，包括一级和二级弹窗的代码展示，并提供了通过方法或事件触发弹窗的实现方式。

摘要由CSDN通过智能技术生成

调用弹窗的代码

第一种弹窗：一级弹窗
在这里插入图片描述
二级弹窗：

第二种弹窗：一级弹窗

二级弹窗：

我是写在了一个方法中来触发弹窗，也可以写一个事件来触发

//触发第一种弹窗代码
  window.setPassWord4CheckIn = function(roomInfo){
   
        var recs = roomInfo;
        var ONETIME = 2;
        new slms.SetOneTimeAndLongTimePassword({
   
            className: config.className,
            category: config.category,
            title:'设置一次性密码',
            record: recs,
            showMode: ONETIME
        }).show();
        console.log(roomInfo)
    };
   //触发第二种弹窗代码
   window.setPassWord4CheckIn = function(roomInfo){
   
        var recs = roomInfo;
        var LONGTIME = 1;
        new slms.SetOneTimeAndLongTimePassword({
   
            className: config.className,
            category: config.category,
            title:'设置长期密码',
            record: recs,
            showMode: LONGTIME
        }).show();
        console.log(roomInfo)
    };

弹窗代码：

slms.SetOneTimeAndLongTimePassword = function(config){
   
	//第一个弹窗点击确定按钮后执行的内容
    function getOneTimePassword() {
   
        if (_formPanel.getForm().isValid()) {
   
            var data = _formPanel.getForm().getValues();
            //FIXME 不一定叫ID
            _win.close();
            frame.util.ShowLoadMask("请稍等");
            Ext.Ajax.request({
   
                url: 'RemoteOperateLogAction!text.action',
                root: 'retList',
                params: {
   
                    query:config.record.UUID,
                    data: Ext.encode([data])
                },
                success: function (response, options) {
   
                    var success = Ext.decode(response.resp