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("-=-=-");
            });
        });
复制代码

 

posted @   幽冥狂_七  阅读(818)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
历史上的今天:
2015-07-26 操作枚举value、name、Description的两个方法
点击右上角即可分享
微信分享提示