【问题标题】:How to fix Unterminated string literal in kendo grid template如何修复剑道网格模板中未终止的字符串文字
【发布时间】:2017-06-10 13:22:16
【问题描述】:

我在剑道网格的一个单元格中有一个多行文本。 Kendo 模板适用于简单文本,但不适用于具有新行或下一行(\n) 或多行的文本。模板代码可能有问题。

这是网格中的编辑模板

 { field: "", title: "Action", sortable: true, headerTemplate: createHeaderTemplate1("Action"),
 template: '<a  onclick="EditStatus(${StatusId},${ReasonId},${EmployeeId},&quot;${Description}&quot;, &quot;${DescriptionDate}&quot;)"  
 class="tdEdit margin-right10" title="Edit">Edit</a>' }

以下函数在所有情况下都会被调用,除非网格中的描述字段有多行。

function EditStatus(StatusId,ReasonId,EmployeeId ,Description,DescriptionDate)
{
  // to Do
}

多行文本在 fire bug 中的显示方式:

<a onclick="EditStatus(50162, 2,27,&quot;This is new comment to test.
But we need to check difference between space and enter.
Here and then save it.&quot;, &quot;Sat Jun 10 2017 00:00:00 GMT+0530 (India Standard Time)&quot;)" class="tdEdit margin-right10" title="Edit">Edit</a>

而在没有多行的情况下,它可以正常工作,并且在浏览器中显示如下

<a onclick="EditStatus(50157, 1,27,&quot;hi&quot;, &quot;Mon Jun 05 2017 00:00:00 GMT+0530 (India Standard Time)&quot;)" class="tdEdit margin-right10" title="Edit">Edit</a>

【问题讨论】:

  • 您在什么时候遇到问题?当描述是多行并单击“编辑”时?
  • 以上模板适用于编辑剑道网格中的一行。但是假设一行有描述字段,它是一个多行文本,即用户使用回车键保存它。对于那种情况,“EditStatus”函数不会被调用并且它是由于字符文字。我认为自动设置的字符串无法判断其中的新行。请查看两个编辑模板的黑白差异。如果它只有文本“hi”,它可以正常工作,但如果它有一个带有新行的文本,例如“这是要测试的新评论。但我们需要检查空格和输入之间的差异。”
  • 我问你什么时候收到错误信息?是点击“编辑”的时候吗?
  • 是的。你说的对。当描述是多行并单击编辑时,不会调用“编辑状态”功能,并且 chrome 会显示“无效或意外令牌”。正如火狐所说的“:未终止的字符串文字”

标签: jquery html kendo-ui kendo-grid kendo-template


【解决方案1】:

试试这个:

template: '<a  onclick="EditStatus(${StatusId},${ReasonId},${EmployeeId},`&quot;${Description}&quot;`, &quot;${DescriptionDate}&quot;)" class="tdEdit margin-right10" title="Edit">Edit</a>'

我添加了反引号 (`) 来括住 Description 参数。

【讨论】:

  • 很棒,但只有一个问题。现在调用 EditStatus() 函数,但字符串显示所有带有双引号的文本,如“所有文本”。我的意思是说它还用字符串附加双引号。
  • 这些可能是您添加的&amp;quot;s。尝试删除它们。
  • 我从前天开始就一直在努力解决这个问题。您是如何找到该解决方案的?非常感谢您的努力和时间:)
  • 很高兴有帮助! :) 我已经使用 JS 将近两年了,并且偶然发现了各种各样的问题。我还遇到了模板文字(反引号),它允许您非常轻松地使用多行字符串。
猜你喜欢
  • 1970-01-01
  • 2014-09-01
  • 2014-08-08
  • 2023-03-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-16
相关资源
最近更新 更多