zoukankan      html  css  js  c++  java
  • MVC ---- ckeditor 批量绑定 blur 事件

    在项目遇到个问题,就是把循环出来的ckeditor 批量添加 blur 事件,折腾了2天 终于搞定

       @{ foreach (DataRow activities in ((DataSet)ViewData["activityDs"]).Tables[0].Rows)
         {
            <table class="ui-jqgrid-btable ui-common-table table table-bordered" style=" background:#ffffff!important; margin-bottom:30px;">
                <tbody>
                    <tr class="jqgfirstrow">
                        <td style="height:50px;line-height:50px;">@activities["F_Id"]</td>
                        <td style="height:50px;line-height:50px;">@activities["F_FullName"]</td>
                        <td style="height:50px;line-height:50px;">@activities["F_Msisdn"]</td>
                        <td style="height:50px;line-height:50px;">@activities["F_CreatorTime"]</td>
                        <td style="height:50px;line-height:50px;">@activities["F_CreatorUserName"]</td>
                    </tr>
                    <tr>
                        <td colspan="5">
                            <script>
                                
                                 
                            </script>
                            <textarea id="@activities["F_Id"]" class="ckeditor"  ></textarea>   --- 循环出来的
                        </td>
                    </tr>
                </tbody>
            </table>
         }}
        <textarea id="kl" class="ckeditor"></textarea>    --- 写死的

    批量添加代码如下:

         $('.ckeditor').each(function (i, item) {
              
                var a = $(this).attr("id");
                CKEDITOR.instances[a].on('blur', function () {
                    alert('onblur 123='+a+"<br/>"+this.document.getBody().$.innerHTML);
                });
                $("#editer84146bbb3085406d9ebdfd5821269edd").on('onblur', function () {
                    alert("-=-=-");
                });
            });

    单个添加代码如下:

         $('.ckeditor').each(function (i, item) {
              
                var a = $(this).attr("id");
             
                CKEDITOR.instances.kl.on('blur', function () {  //kl 是 textarea 的Id
                    alert('onblur 123='+a+"<br/>"+this.document.getBody().$.innerHTML);
                });
                $("#editer84146bbb3085406d9ebdfd5821269edd").on('onblur', function () {
                    alert("-=-=-");
                });
            });
  • 相关阅读:
    linux下配置php的一些信息
    前端学习
    Verilog笔记.3.有限状态机
    Verilog笔记.2.数字逻辑电路
    Verilog笔记.1.基本语法
    python3爬虫.4.下载煎蛋网妹子图
    python3爬虫.3.下载网页图片
    python3爬虫.2.伪装浏览器
    python3爬虫.1.简单的网页爬虫
    python3学习笔记.3.条件控制与循环
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/7238369.html
Copyright © 2011-2022 走看看