Jquery css 选择器和插件 + jqgrid

Question

我正在使用几个属于 css 选择器的插件，并且一直在正常工作。 问题是，在编辑模式下对插件 jqgrid 做同样的事情，同样的技术是行不通的。

我将尝试解释： 例如。

我有一个单独的 js 文件，我在其中放置了以下内容

$ (". 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 +
            }
    );

如果您在页面上的现有元素中执行以下操作：

结果将如预期的那样。 （将显示面具和日历）

我这样做是为了让页面上具有这些类 (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 ...',
       ..........

该类已正确放置在输入中，但不起作用。

非常感谢

---

你好邋遢的看门人， 是的，这是故意的。这是两个分开的班级。一个是两个面具，另一个是日历。

简而言之，如果我在现有页面输入作品中这样做

<input type="text" id="mindadata" class="JQmaskdata JQCalendar" value="mindadata" /> 有效

但是如果你在编辑jqgrid中不工作的话。

使用 google crhome 的检查元素标记 jqgrid

<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

仅在页面中的该点添加类是不够的。您的输入是在应用您的掩码后创建的。

您可能希望查看使用 jqGrid 的 beforeEditCell 事件将您的掩码应用于单元格，使其变为可编辑并且输入元素被插入到 DOM 中。

不确定这是否是最好的事件，但看起来像文档中的正确事件： http://www.trirand.com/jqgridwiki/doku.php?id=wiki:cell_editing

希望对您有所帮助。