0

フォーム編集のテキスト領域を変更して、ユーザーに入力できる量を知らせる文字カウンターを含める、「jqGrid に適した」良い方法を見つけようとしています。

この例は、文字カウンターを使用してテキスト領域を定義する方法を示しています。 ツイッターみたいなキャラカウントダウン

私が理解しようとしているのは、フォーム編集を変更してこのコンテンツを含めるための最良の方法です。具体的には、編集フォームのテキスト領域列の後に残りの文字列を設定できるように、span 要素を挿入する必要があります。

私が知る限り、jqGrid API ではフォームに新しい行を手動で挿入できるようです。

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

その要素をどこに追加するかを制御する最良の方法は、私には明らかではありません。何か提案はありますか?

4

1 に答える 1

1

関数を作成するには、javascriptのキーアップで使用します。次に、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 に答える