弹窗显示数据

miracledan 发布于2019-08-19 18:06 / 3166人阅读

摘要：功能点击按钮，弹窗显示从数据库中得到的信息采用框架首先是页面部分，在中绑定，用于使用。

功能：点击按钮，弹窗显示从数据库中得到的信息（采用jfinal框架）

1.首先是页面部分，在button中绑定syllabusId，用于js使用。

2.后台代码

    /**
     * 根据课程大纲编号查找重点笔记
     */
    public void getKeynoteById() {
        Long syllabusId = getParaToLong("syllabusId");
        //根据syllabusId查找syllabus
        ExamCourseSyllabus syllabus = webCourseSyllabusService.getKeynoteById(syllabusId);
        if (syllabus.getStr("keynote")!=null) {
            //因为在界面显示时无法辨别
，所以要替换
成

            String keynote = (syllabus.getStr("keynote")).replaceAll("
", "
");
            syllabus.set("keynote", keynote);
            //renderJson返回的必须是对象
            renderJson(syllabus);
        } else {
            syllabus.set("keynote", "暂无内容");
            renderJson(syllabus);
        }
    }

3.JS部分

$(".remark")
    .on("click", function(e){
        var $this = $(this);
        var $keynote = "";
        //不要执行与事件关联的默认动作,如果默认动作会使得表单提交（button处于form表单中），表单提交时会使弹窗消失
        e.preventDefault();
                    
        $.post("${base}/syllabusmng/getKeynoteById", {
            //syllabusId是向方法中传递的参数
            //this.attr是从button中拿到的值（属于jQuery的内容）
            "syllabusId": $this.attr("syllabusId"),
        }, function(data) {
            //data的实际内容是从后台传递过来的syllabus，keynote是其属性，将值赋给$keynote
            $keynote = data.keynote;
            bootbox.dialog({
                message: $keynote,
                title: "备注",
                dataType: "html",
                buttons: {
                cancel: {
                    label: "关闭",
                    className: "btn-default"
                }
            },
        });
    });
});

GPU云服务器云服务器 js 弹窗显示 php显示浏览器弹窗 json 弹窗数据弹窗被

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79188.html

从Dialog管理谈到Vue渲染原理

摘要：在组件内，我们触及不到组件的模板，所以简单的在动态模板上添加并不能完成事件监听。简单来说，依赖收集是在渲染函数渲染的函数中进行的，在中一旦通过使用了这个变量，通过这个变量的就收集到了正在执行的渲染函数这一个依赖。作为一个中后台表单&表格工程师，经常需要在一个页面中处理多个弹窗。我自己的项目中，一个复杂的审核页面中的弹窗数量超过了30个，如何管理大量的弹窗就成为了一个需要考虑的问题。 ...

darkbug 2019-08-23 13:56 评论0 收藏0
一个基于Vue.js+Mongodb+Node.js的博客内容管理系统

摘要：三更新内容在原来项目的基础上，做了如下更新数据库重新设计，改成以用户分组的数据库结构应数据库改动，所有接口重新设计，并统一采用和网易立马理财一致的接口风格删除原来游客模式，增加登录注册功能，支持弹窗登录。这个项目最初其实是fork别人的项目。当初想接触下mongodb数据库，找个例子学习下，后来改着改着就面目全非了。后台和数据库重构，前端增加了登录注册功能，仅保留了博客设置页面，但是...

wh469012917 2019-08-26 11:46 评论0 收藏0
论如何用Vue实现一个弹窗-一个简单的组件实现

摘要：前言最近在使用框架，用到了对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。现在基本上弹窗组件都已实现的差不多了，还差一个弹窗的关闭事件，这里就涉及到子组件往父组件传参了。前言最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家...

xialong 2019-08-22 16:38 评论0 收藏0
论如何用Vue实现一个弹窗-一个简单的组件实现

摘要：前言最近在使用框架，用到了对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。现在基本上弹窗组件都已实现的差不多了，还差一个弹窗的关闭事件，这里就涉及到子组件往父组件传参了。前言最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家...

snowLu 2019-08-29 15:08 评论0 收藏0
论如何用Vue实现一个弹窗-一个简单的组件实现

摘要：前言最近在使用框架，用到了对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。现在基本上弹窗组件都已实现的差不多了，还差一个弹窗的关闭事件，这里就涉及到子组件往父组件传参了。前言最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家...

Luosunce 2019-08-02 10:15 评论0 收藏0