彈窗顯示數(shù)據(jù)

miracledan 發(fā)布于2019-08-19 18:06 / 3175人閱讀

摘要：功能點擊按鈕，彈窗顯示從數(shù)據(jù)庫中得到的信息采用框架首先是頁面部分，在中綁定，用于使用。

功能：點擊按鈕，彈窗顯示從數(shù)據(jù)庫中得到的信息（采用jfinal框架）

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

2.后臺代碼

    /**
     * 根據(jù)課程大綱編號查找重點筆記
     */
    public void getKeynoteById() {
        Long syllabusId = getParaToLong("syllabusId");
        //根據(jù)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", "暫無內(nèi)容");
            renderJson(syllabus);
        }
    }

3.JS部分

$(".remark")
    .on("click", function(e){
        var $this = $(this);
        var $keynote = "";
        //不要執(zhí)行與事件關(guān)聯(lián)的默認動作,如果默認動作會使得表單提交（button處于form表單中），表單提交時會使彈窗消失
        e.preventDefault();
                    
        $.post("${base}/syllabusmng/getKeynoteById", {
            //syllabusId是向方法中傳遞的參數(shù)
            //this.attr是從button中拿到的值（屬于jQuery的內(nèi)容）
            "syllabusId": $this.attr("syllabusId"),
        }, function(data) {
            //data的實際內(nèi)容是從后臺傳遞過來的syllabus，keynote是其屬性，將值賦給$keynote
            $keynote = data.keynote;
            bootbox.dialog({
                message: $keynote,
                title: "備注",
                dataType: "html",
                buttons: {
                cancel: {
                    label: "關(guān)閉",
                    className: "btn-default"
                }
            },
        });
    });
});

云服務(wù)器 GPU云服務(wù)器 js 彈窗顯示 php顯示瀏覽器彈窗 json 彈窗數(shù)據(jù) 彈窗被

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79188.html

相關(guān)文章

從Dialog管理談到Vue渲染原理

摘要：在組件內(nèi)，我們觸及不到組件的模板，所以簡單的在動態(tài)模板上添加并不能完成事件監(jiān)聽。簡單來說，依賴收集是在渲染函數(shù)渲染的函數(shù)中進行的，在中一旦通過使用了這個變量，通過這個變量的就收集到了正在執(zhí)行的渲染函數(shù)這一個依賴。作為一個中后臺表單&表格工程師，經(jīng)常需要在一個頁面中處理多個彈窗。我自己的項目中，一個復(fù)雜的審核頁面中的彈窗數(shù)量超過了30個，如何管理大量的彈窗就成為了一個需要考慮的問題。 ...

darkbug 2019-08-23 13:56 評論0 收藏0
一個基于Vue.js+Mongodb+Node.js的博客內(nèi)容管理系統(tǒng)

摘要：三更新內(nèi)容在原來項目的基礎(chǔ)上，做了如下更新數(shù)據(jù)庫重新設(shè)計，改成以用戶分組的數(shù)據(jù)庫結(jié)構(gòu)應(yīng)數(shù)據(jù)庫改動，所有接口重新設(shè)計，并統(tǒng)一采用和網(wǎng)易立馬理財一致的接口風格刪除原來游客模式，增加登錄注冊功能，支持彈窗登錄。這個項目最初其實是fork別人的項目。當初想接觸下mongodb數(shù)據(jù)庫，找個例子學(xué)習下，后來改著改著就面目全非了。后臺和數(shù)據(jù)庫重構(gòu)，前端增加了登錄注冊功能，僅保留了博客設(shè)置頁面，但是...

wh469012917 2019-08-26 11:46 評論0 收藏0
論如何用Vue實現(xiàn)一個彈窗-一個簡單的組件實現(xiàn)

摘要：前言最近在使用框架，用到了對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。現(xiàn)在基本上彈窗組件都已實現(xiàn)的差不多了，還差一個彈窗的關(guān)閉事件，這里就涉及到子組件往父組件傳參了。前言最近在使用element-ui框架，用到了Dialog對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。然后就想著把這種彈窗組件的實現(xiàn)方式與大家...

xialong 2019-08-22 16:38 評論0 收藏0
論如何用Vue實現(xiàn)一個彈窗-一個簡單的組件實現(xiàn)

摘要：前言最近在使用框架，用到了對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。現(xiàn)在基本上彈窗組件都已實現(xiàn)的差不多了，還差一個彈窗的關(guān)閉事件，這里就涉及到子組件往父組件傳參了。前言最近在使用element-ui框架，用到了Dialog對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。然后就想著把這種彈窗組件的實現(xiàn)方式與大家...

snowLu 2019-08-29 15:08 評論0 收藏0
論如何用Vue實現(xiàn)一個彈窗-一個簡單的組件實現(xiàn)

摘要：前言最近在使用框架，用到了對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。現(xiàn)在基本上彈窗組件都已實現(xiàn)的差不多了，還差一個彈窗的關(guān)閉事件，這里就涉及到子組件往父組件傳參了。前言最近在使用element-ui框架，用到了Dialog對話框組件，大致實現(xiàn)的效果，跟我之前自己在移動端項目里面弄的一個彈窗組件差不太多。然后就想著把這種彈窗組件的實現(xiàn)方式與大家...

Luosunce 2019-08-02 10:15 評論0 收藏0