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("-=-=-");
                });
            });
  • 相关阅读:
    ui自动化-则神第一天04-学习方法
    PHP unserialize()
    路径中 斜杠/和反斜杠 的区别
    PhpStorm 克隆下来的项目改动,版本控制不起效果
    PhpStorm 回到上次编辑位置的快捷键
    mysql max_allowed_packet查询和修改
    PHP大批量插入数据库的3种方法和速度对比
    mysql5.7.23安装详细过程
    JS 放大镜
    aviary 图片编辑器
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/7238369.html
Copyright © 2011-2022 走看看