使用 table 指定 data-template 和 data-name 后,通过 ajax 获取后台数据到 textarea 框接收数据,并调用 Controller.api.bindevent() 渲染,出现一个奇怪的问题, 每调用一次 Controller.api.bindevent() , 追加记录按钮 点一次就会多一个空行,各种方法均无法去掉。
本质上还是 table fieldlist 事件重复绑定 问题,但是不知道怎么解决,求助。
模板代码:
<table class="table fieldlist" data-template="brcardprotpl" data-name="row[brcardpro]" id="tablebrow"> <tr class="" style="font-weight: bold;"> <td style="width:150px;">{:__('编号')}</td> <td style="width:100px;">{:__('序号')}</td> <td style="width:120px;">{:__('内容')}</td> <td style="width:100px;">{:__('操作者')}</td> <td style="width:100px;">{:__('协作者')}</td> <td style="width:100px;">{:__('开工日期')}</td> <td style="width:100px;">{:__('协作日期')}</td> <td style="width:300px;">{:__('加工参数')}</td> <td style="width:100px;">操作</td> </tr> <tr class="fixed-table-toolbar"> <td colspan="13" tabindex="100"><a href="javascript:;" id="add-b-row-showdon" class="btn btn-sm btn-info btn-append"><i class="fa fa-plus"></i>{:__('Append')}</a></td> </tr> </table> <!--请注意实际开发中textarea应该添加个hidden进行隐藏--> <textarea name="row[brcardpro]" id="txta-brcardpro" class="form-control " cols="30" rows="5"></textarea> <script id="brcardprotpl" type="text/html"> <tr class="form-inline"> <td></td>
下拉框选择事件:
//下拉选流程,自动贯彻 $('#c-vs-brcardpro').data('eSelect', function(k,v){ var maxno = $('#c-CardNo').val(); var url = 'mystepsinfo/Technologhy_Pro/get_json?tech='+k.No+'&cardno='+maxno; $.ajax({ type: "GET", url: url, data: {}, success: function(response){ $('#txta-brcardpro').text(response); Controller.api.bindevent(); } }); });
问题图片
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。