详情页面的评论回复

小马甲~-~

先上图：



可以播放视频
可以写评论
可以对评论进行回复
可以对爱心点赞  可以分享
就这些

小马甲~-~

点击写评论   打开一个窗口  

直接上代码
新页面 js
define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var hintC = require("./js/common");

        var Model = function() {
                this.callParent();
                // 1:评论 ; 1以外:回复
                this.type = 2;
                this.userid = "";
                this.sid = "";
                this.tname = "";
        };

        Model.prototype.tijiaoButtonClick = function(event) {
                var self = this.comp("messageDialog");
                var neirong = this.comp("neirongtextarea").val();
                var me = this;
                if (neirong == "") {
                        var cuowuneirong = "请输入评论内容";
                        if (this.type == 2) {
                                cuowuneirong = "请输入评论内容";
                        } else {
                                cuowuneirong = "请输入回复内容";
                        }
                        /*
                         * self.show({ "title" : "温馨提示", "message" : "<div class='text'
                         * style=' text-align:center;'>" + cuowuneirong + "</div>" });
                         */
                        hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>" + cuowuneirong + "</div>", {
                                "delay" : 3000,
                                "position" : "bottom"// ,
                        });
                        return;
                } else {
                        var len = neirong.length;
                        if (len > 140) {
                                var cuowuneirong = "评论内容请少于140字";
                                if (this.type == 2) {
                                        cuowuneirong = "评论内容请少于140字";
                                } else {
                                        cuowuneirong = "回复内容请少于140字";
                                }
                                /*
                                 * self.show({ "title" : "温馨提示", "message" : "<div class='text'
                                 * style=' text-align:center;'>" + cuowuneirong + "</div>" });
                                 */
                                hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>" + cuowuneirong + "</div>", {
                                        "delay" : 3000,
                                        "position" : "bottom"// ,
                                });
                                return;
                        } else {

                                justep.Baas.sendRequest({
                                        "url" : "/edu/Edu",
                                        "action" : "replaceSensitiveWord",
                                        "async" : false,
                                        // dataType: "json",
                                        // "params" : {"sid":this.sid,"loginId":user_id},
                                        "params" : {
                                                "neirong" : neirong
                                        },
                                        "success" : function(data) {

                                                var guanbi = me.comp("inputWindowReceiver");// 验证成功关闭子页面

                                                var neirong = data.neirong;
                                                // debugger
                                                if (me.type == 2) {
                                                        var savePinglunData = me.comp('tastingPinglunData');
                                                        // 大师
                                                        var dashiPinglunData = me.comp("dashiPinglunData");

                                                        // 精品
                                                        var jptastingPinglunData = me.comp("jptastingPinglunData");
                                                        // 学员对比
                                                        var fightschoolPinglunData = me.comp("fightschoolPinglunData");
                                                        // 我的班级话题评论
                                                        var bjhuatiPinglunData = me.comp("bjhuatiPinglunData");

                                                        var getsid = me.sid;
                                                        var pinglunuserid = me.userid;
                                                        if (me.tname == "t_tasting") {
                                                                var savePinglunDataRows = savePinglunData.newData({
                                                                        index : 0,
                                                                        defaultValues : [ {
                                                                                "tasting_id" : getsid,
                                                                                "content" : neirong,
                                                                                "up" : 0,
                                                                                "tread" : 0,
                                                                                "create_user" : pinglunuserid,
                                                                                "create_date" : justep.Date.toString(new Date(), justep.Date.STANDART_FORMAT),
                                                                                "update_user" : pinglunuserid,
                                                                                "update_date" : justep.Date.toString(new Date(), justep.Date.STANDART_FORMAT),
                                                                                "isdelete" : 0
                                                                        } ]
                                                                });
                                                                var success = function(resultData) {
                                                                        // justep.Util.hint("评论成功！");
                                                                        hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>评论成功！</div>", {
                                                                                "delay" : 3000,
                                                                                "position" : "bottom"// ,
                                                                        });
                                                                        guanbi.windowEnsure({
                                                                                jieguo : "success"
                                                                        });
                                                                };
                                                                var error = function(msg) {
                                                                        // 保存失败后清除订单数据
                                                                        // orderData.deleteData(orderRows);
                                                                        // debugger
                                                                        Baas.showError(msg);
                                                                        // justep.Util.hint("评论失败！");
                                                                        hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>评论失败！</div>", {
                                                                                "delay" : 3000,
                                                                                "position" : "bottom"// ,
                                                                        });
                                                                        guanbi.windowEnsure({
                                                                                jieguo : "error"
                                                                        });
                                                                };

                                                                // 保存数据
                                                                savePinglunData.saveData({
                                                                        "onSuccess" : success,
                                                                        "onError" : error
                                                                });
                                                       
                                                        } else {
                                                                // 等待
                                                        }

                                                        // -------------------------------------------回复--------------------------------------
                                                } else {
                                                        // 是回复的时候
                                                        var tastinghuifuData = me.comp('tastinghuifuData');
                                                        // 大师
                                                        var dashiHuifuData = me.comp("dashiHuifuData");

                                                        // 精品
                                                        var jptastingHuifuData = me.comp("jptastingHuifuData");
                                                        // 作品对比
                                                        var fightschoolHuifuData = me.comp("fightschoolHuifuData");
                                                        // 班级话题
                                                        var bjhuatiHuifuData = me.comp("bjhuatiHuifuData");

                                                        var getsid = me.sid;
                                                        var huifuuserid = me.userid;

                                                        if (me.tname == "t_tasting") {
                                                                var tastinghuifuDataRows = tastinghuifuData.newData({
                                                                        index : 0,
                                                                        defaultValues : [ {
                                                                                "pinglun_id" : getsid,
                                                                                "content" : neirong,
                                                                                "up" : 0,
                                                                                "tread" : 0,
                                                                                "create_user" : huifuuserid,
                                                                                "create_date" : justep.Date.toString(new Date(), justep.Date.STANDART_FORMAT),
                                                                                "update_user" : huifuuserid,
                                                                                "update_date" : justep.Date.toString(new Date(), justep.Date.STANDART_FORMAT),
                                                                                "isdelete" : 0
                                                                        } ]
                                                                });
                                                                var success = function(resultData) {
                                                                        // justep.Util.hint("回复成功！");
                                                                        hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>回复成功！</div>", {
                                                                                "delay" : 3000,
                                                                                "position" : "bottom"// ,
                                                                        });
                                                                        guanbi.windowEnsure({
                                                                                jieguo : "success"
                                                                        });
                                                                };
                                                                var error = function(msg) {
                                                                        // 保存失败后清除订单数据
                                                                        // orderData.deleteData(orderRows);
                                                                        // debugger
                                                                        Baas.showError(msg);
                                                                        // justep.Util.hint("回复失败！");
                                                                        hintC.hintcustom("<div class='text' style='text-align:center;background-color:#000000;padding:12px;border-radius:6px;font-size:16px;color:#fff;'>回复失败！</div>", {
                                                                                "delay" : 3000,
                                                                                "position" : "bottom"// ,
                                                                        });
                                                                        guanbi.windowEnsure({
                                                                                jieguo : "error"
                                                                        });
                                                                };

                                                                // 保存数据
                                                                tastinghuifuData.saveData({
                                                                        "onSuccess" : success,
                                                                        "onError" : error
                                                                });
                                               
                                               
                                                        } else {
                                                                // 等待
                                                        }

                                                }
                                        },
                                        "error" : function(data) {
                                        //        alert(data);
                                        }
                                });
                        }
                }
        };

        Model.prototype.neirongtextareaKeyup = function(event) {
                // alert(0);
                var data = this.getElementByXid("neirongtextarea").value;
                // var text = $(this.getElementByXid("span1")).text();
                // alert(text);
                // alert(data.length);
                if (data.length >= 140) {
                        $(this.getElementByXid("span1")).text(140);
                } else {
                        $(this.getElementByXid("span1")).text(data.length);
                }
        };

        Model.prototype.inputWindowReceiverReceive = function(event) {
                this.comp("neirongtextarea").val("");
                // alert("inputWindowReceiverReceive");
                // 此处为json对象
                var data = event.data;
                // 获取name值
                this.userid = data.userid;
                this.sid = data.sid;
                this.tname = data.tname;
                this.type = data.type
                if (this.type == 2) {
                        document.getElementById(this.getIDByXID("title1")).innerText = "评论"

                } else {
                        document.getElementById(this.getIDByXID("title1")).innerText = "回复"
                }

        };
        Model.prototype.closebuttonClick = function(event) {
                $(this.getElementByXid("span1")).text(0);
                this.close();
        };
        return Model;
});

小马甲~-~

页面部分源码  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
    xid="panel1" style="background-color:#F5F5F5;">
    <div class="x-panel-top" xid="top1">
      <div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar"
        xid="titleBar1" style="color:#333333;font-family:Microsoft YaHei;font-size:18px;background-color:white;">
        <div class="x-titlebar-left" xid="left1">
          <a component="$UI/system/components/justep/button/button" class="btn btn-default"
            xid="closebutton" style="background-color:white;padding:13px 15px;border:0;" onClick="closebuttonClick">
            <i xid="i3" class="iconfont iconfont-edu08" style="color:#333333;font-size:20px;"/>
          </a>
        </div>  
        <div class="x-titlebar-title" xid="title1"></div>  
        <div class="x-titlebar-right reverse" xid="right1">
          </div>
      </div>
    </div>  
    <div class="x-panel-content" xid="content1" style="margin-top:10px;">
      <div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form"
        xid="form1" style="padding:0;">
        <div xid="div1">
          <textarea component="$UI/system/components/justep/textarea/textarea" class="form-control"
            xid="neirongtextarea" style="border:0;height:180px;" bind-keyup="neirongtextareaKeyup" maxLength="140"/>
          <div xid="div2" style="text-align:right;margin:9px 14px 16px;color:#000;">
            <span xid="span1"><![CDATA[0]]></span>/140字
          </div>
        </div>  
        <div xid="div3" style="margin:0 14px;">
          <a component="$UI/system/components/justep/button/button" class="btn btn-success btn-block"
            label="提交" xid="tijiaoButton" onClick="tijiaoButtonClick">
            <i xid="i1"/>  
            <span xid="span2">提交</span>
          </a>
        </div>
      </div>
    </div>  
    <span component="$UI/system/components/justep/messageDialog/messageDialog"
      xid="messageDialog" style="left:130px;top:15px;"/>
  </div>  
  <span component="$UI/system/components/justep/windowReceiver/windowReceiver"
    xid="inputWindowReceiver" onReceive="inputWindowReceiverReceive" style="top:303px;left:167px;"/>
<resource xid="resource2"><require xid="require1" url="css!$UI/eduApp/iconfont/iconfont.icons"></require></resource></div>

sky90992

顶一个

liqingyang

好厉害

liqingyang

大神，我正在做一个帖子的评论，求工程文件
750159353@qq.com

yyx8136

大神求带  继续教程

xcl

小马甲~-~ 发表于 2016-11-16 11:16
页面部分源码   
     
      

大神 可以分享一下源文件吗  2906799876@qq.com

xcl

小马甲~-~ 发表于 2016-11-16 11:16
页面部分源码   
     
      

大神 可以分享一下源文件吗  2906799876@qq.com