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("-=-=-");
                });
            });
  • 相关阅读:
    [原创]Java在线编辑word文档调用PageOffice实现并发控制
    [原创]Java动态填充word文档并上传到服务器
    mysql数据类型
    mysql 数据增删改查基本语句
    MYSQL中char 与 varchar 的区别
    MYSQL 同时执行多条SQL语句
    关于MyEclipse10编辑JSP卡顿现象
    鼠标悬停放大图片效果
    简单实现 飘浮 广告层特效
    简单实现 特效(董侨JonneyDong)
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/7238369.html
Copyright © 2011-2022 走看看