jQueryのCSSセレクタとプラグイン+ jqgrid

Question

私はCSSセレクタに起因するいくつかのプラグインを使用していますし、正常に動作してきました。 トラブルが編集モードでプラグインjqgridと同じことを行うことによって、これと同じ手法が機能していないということです。

私が説明しようとするでしょう：例えば を。

私は、ページ上の既存の要素に以下ならば、私は、次の

$ (". JQmaskdata"). InputMask ("99-99-9999")// imput mask plugin 

/* Animate options: clip, fold, slide */
$ (". JQCalendar"). Datepicker (
      {DateFormat, 'dd-mm-yy' 
       Regional: 'en',// ​​file regional [pt.js] 
       showAnim 'clip' 
       showButtonPanel: true// show the button to go to close the current date + 
      } 
    ); 

を入れ、別のjsファイルがあります：

期待通りの結果がなりますが。これらのクラス（JQmaskdata JQCalendar）を持っているページ上のオブジェクトが、この機能を継承できるように、私はこれをやっている

（マスクとカレンダーが表示されます）。

私はjqgrid編集モードのために同じことをやろうとしているが、該当するコードと期待

例として活躍されていない、

---

// Load Grid 
    $ ("# List"). JqGrid ({ 
     datatype: "local" 
     width: 465, 
     // Height: 280, 
     colNames: ["ID", "", "Description", "", ""] 
     colModel: [ 
      {Name: 'id', index: 'id', sorttype: "int", hidden: true}, 
      {Name: "data", index, "data", width: 80, editable: true, EditType "text", 
      **editoptions: {dataInit: function (elem) {$ (elem). addClass ('JQmaskdata JQCalendar');}} 
     },** 
      {Name: "table," index "table", editable: false, hidden: true}, 
      {Name: "Action" index "action", width: 80, sortable: false, search: false}// Buttons 

     ] 
     loadtext: 'Loading ...', 
     .......... 

クラスが正しく入力に配置されているが、動作しません。

は、はい、それはわざとだ

---

こんにちはだらしザ・用務員、 ありがとうございました。それは2つの分離されたクラスです。 1つはマスク、もう1つはカレンダー用です。要するに

私は既存のページの入力でこれを行う場合は、編集jqgridで同じように動作しない場合

に動作します。しかし<input type="text" id="mindadata" class="JQmaskdata JQCalendar" value="mindadata" />

に動作します。

<td role="gridcell" aria-describedby="list_descr" style="" title=""> <input type = "text" id = "0_descr" name = "descr" class = "editable JQmaskdata JQCalendar" style = "width: 98%; "role =" textbox "> </ td> 

Answer 1

は単にページのその時点でのクラスを追加のGoogle crhomeの要素を検査用いjqgridの

マークアップはinsufficentあります。あなたは、あなたのマスクが適用された後に入力が作成されます。

jqGridのbeforeEditCellイベントを使用してマスクをセルに適用し、編集可能になり、入力要素がDOMに挿入されるようにすることができます。

それは使用するのに最適なイベントですが、ドキュメントから右のいずれかのように見えるかどうかわからない： http://www.trirand.com/jqgridwiki/doku.php?id=wiki:cell_editing

希望に役立ちます。