javascript - 使用 Mootools 将模板注入现有表,但在 eval 中未定义获取 rownum
问题描述
我对 MooTools非常陌生,对 JavaScript 也有些陌生。
我正在尝试在单击按钮时显示一个新行。我复制了另一个程序员所做的代码并对其进行了调整以适应我的需要(据我所知并根据我老板的指示),但它不起作用。
单击事件注册,但是当我昨天在浏览器中调试代码时,我收到一条消息,指出 rownum 未定义,但今天我没有收到该错误(但它仍然无法正常工作)。
<button id="add-new-row" style="text-align:center;margin-top:5px;width:85px;" class="boxbutton">Add New</button>
// This is what should be injected on button click
<script id="connectedjobtemplate" type="text/plain">
<tr id="childjobrow<%= rownum %>" class="<%= cl %>" data-row-id="<%= rownum %>">
<td>
<input class="childjobid" type="hidden" id="childjobid<%= rownum %>" name="childjobid[<%= rownum %>][transcribername]" value="0" />
<input data-row-id="<%= rownum %>" id="assignee[<%= rownum %>]" name="childjobid[<%= rownum %>][transcribername]" class="" style="width:140px;" list="transcribers" autocomplete="off" value="" placeholder="Name" />
<input type="hidden" id="transcriberid[<%= rownum %>]" name="childjobid[<%= rownum %>][transcriberid]" value="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="refNum[<%= rownum %>]" name="childjobid[<%= rownum %>][refNum]" value="<%= refNum %>" class="" style="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="pages[<%= rownum %>]" name="childjobid[<%= rownum %>][pages]" value="<%= pages %>" class="" style="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="orderDate[<%= rownum %>]" name="childjobid[<%= rownum %>][orderDate]" value="<%= orderDate %>" class="" style="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="nysid[<%= rownum %>]" name="childjobid[<%= rownum %>][nysid]" value="<%= nysid %>" class="" style="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="dinNum[<%= rownum %>]" name="childjobid[<%= rownum %>][dinNum]" value="<%= dinNum %>" class="" style="" />
</td>
<td>
<input data-row-id="<%= rownum %>" id="warrantNum[<%= rownum %>]" name="childjobid[<%= rownum %>][warrantNum]" value="<%= warrantNum %>" class="" style="" />
</td>
</tr>
</script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/underscore-1.8.3-min.js"></script>
<script type="text/javascript">
// VARIABLES
var lastrow = 0;
// TEMPLATE
var rowtemplate = _.template(document.getElementById('connectedjobtemplate').innerHTML);
window.addEvent('load', function() {
if ($('linkedJobsBody').getChildren().length == 0) {
addChildJobRow();
}
});
$(document.body).addEvent('click:relay(#add-new-row)', function (e, el) {
try{
e.preventDefault();
addChildJobRow();
}catch(e){
console.log(e);
logevent({jobid: jid,event:'click#add-new-row',uri:window.location.href, eventdata: e});
}
});
function addChildJobRow() {
try {
lastrow++;
cl = (lastrow % 2 ? 'odd' : 'even');
Elements.from(rowtemplate({
rownum: lastrow,
cl: cl
})).inject($('linkedJobsBody'));
} catch (e) {
console.log(e);
logevent({jobid: jid, event: 'add-new-row', uri: window.location.href, eventdata: e});
}
}
当我单击添加新按钮时没有任何反应。我已经发出警报以表明它正在执行正确的功能,所以我知道它正在到达那里。我不明白 rownum 在 eval 中未定义的错误,因为我检查了其他程序员的代码并且在这方面它是相同的。我不想开始弄乱 JavaScript 文件,因为我对 MooTools 还很陌生。
提前感谢您的帮助。
解决方案
这是我的最终代码。事实证明,我必须传递几个变量,否则它将不起作用。
function addChildJobRow() {
try {
lastrow++;
let cl = (lastrow % 2 ? 'odd' : 'even');
var refNum = '<?php echo $this->MJob->getNewJobRef(232); ?>';
Elements.from(connectedjobtemplate({
rownum: lastrow,
cl: cl,
ref: refNum,
nysid: '',
dinNum: '',
warrantNum: ''
})).inject($('newChildJobTable'));
} catch (e) {
console.log(e);
}
}
推荐阅读
- python - 从头开始实现 numpy 协方差矩阵
- docker - 码头工人群。无法对 docker 堆栈的容器运行 exec,因为“docker 容器列表”找不到容器
- selenium - 为什么 Facebook 帖子抓取在数百个帖子被抓取后变得非常缓慢或停止?
- python - Numpy:模型的特征数量必须与输入相匹配。模型 n_features 为 2,输入 n_features 为 3
- javascript - 如何使用 jszip 和 pdfmake 在其中保存带有 pdf 的 zip?
- javascript - 如何将 babel-loader 与原生 es6 模块一起使用?
- opencv - Tesseract OCR v4 应该做哪些图像预处理
- javascript - Material-ui 文本字段在重新渲染后失去焦点。如何解决?
- linux - Linux PTP so_timestamping 标志
- kubernetes - etcd 使用什么操作系统