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 ></textarea> --- 循环出来的 </td> </tr> </tbody> </table> }} <textarea ></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("-=-=-"); }); });