Question

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

此示例显示如何使用字符计数器定义文本区域。 Character countdown like on twitter

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

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

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

我不清楚的是控制我添加该元素的最佳方式。任何建议？

Answer 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>");

更改jqGrid表单编辑文本区域以具有字符计数器

1 个答案: