0

我正在尝试找到一种很好的“jqGrid 友好”方式来更改表单编辑中的文本区域，以包括一个字符计数器，让用户知道他们可以输入多少。

此示例说明如何使用字符计数器定义文本区域。 推特上的字符倒计时

我想弄清楚的是修改表单编辑以包含此内容的最佳方法。具体来说，我需要插入 span 元素，以便我可以在编辑表单中的文本区域列之后设置剩余的字符文本。

据我所知，jqGrid API 似乎允许在表单中手动插入新行：

jQuery("#grid_id").jqGrid('editGridRow', "new", properties );

我不清楚的是控制在何处添加该元素的最佳方法。有什么建议吗？

4

1 回答 1

1

您使用 javascript 的 keyup 来创建函数。然后，您使用 jQuery 破解表单的 id 和类。

功能

function updateCounter() {
  var pVal = document.getElementById(your_id).value
  var pCount = pVal.length;
  document.getElementById("counter").firstChild.data = pCount;
}

使用其 id 定位输入以添加属性

$("#"+your_id ).attr("onkeyup","updateCounter()");

通过定位输入的 td 容器来附加跨度

$("#tr_" + your_id + ".CaptionTD .DataTD").append("<span id='counter'></span>");
于 2013-01-02T19:24:08.823 回答