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("-=-=-");
                });
            });
  • 相关阅读:
    程序的版式
    文件结构
    LIB和DLL的区别与使用
    静态链接库
    C++ Vector
    C++ Map
    C++ List
    快速实现十进制向二进制转换
    Fail2ban 运维管理 服务控制
    Fail2ban 配置详解 动作配置
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/7238369.html
Copyright © 2011-2022 走看看