在引导模式中显示特定列的详细信息

时间:2019-02-27 05:36:34

标签: c# asp.net-mvc

我有一个jquery数据表,其中有一个description字段,我想将单词限制为30个,并添加一个show more链接。当用户点击显示更多节目时,该特定ID的评论将在引导程序模式中打开。到现在为止我已经可以做很多事情了,但是引导模态中还没有注释。

test/jcc

1 个答案:

答案 0 :(得分:0)

我在ID为#commentdesc的模态中找不到注释div。

因此将模式HTML更改为:

<div id="myModal" class="modal fade" role="dialog">
           <div class="modal-dialog">
               <div class="modal-content">
                   <div class="modal-header">
                       <h4 class="modal-title">Feedback Comment</h4>
                   </div>
                   <div class="modal-body">
                       <p id="commentdesc"></p>
                   </div>
                   <div class="modal-footer">
                       <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                   </div>
               </div>
           </div>
       </div>

然后在单击链接时显示模态。另外,将您的评论更改为$(this).data('id');,然后 由于您使用的是段落标记,请设置其html而非val属性

    $(document).on("click", ".opencomment", function () {
        var mycomment = $(this).data('id');
        $(".modal-body #commentdesc").html(mycomment);
        $('#myModal').modal('show');
    });

此外,如果您的jquery选择器是按ID进行的,则无需在一个类中进行搜索:$(".modal-body #commentdesc").val(mycomment);将其更改为$("#commentdesc").val(mycomment);