如何向 header 中的 jqGrid 文本字段添加占位符？

Question

我的jqgrid包含多个字段，我想过滤网格。例如，假设我的网格包含 'name' 字段，并且我想使用 name="aron" 过滤网格的数据。现在，我想告诉用户说你应该只在这个字段中输入名字来过滤网格。

我是 jqGrid 的新手，需要别人的帮助才能继续。我想在网格上的 header 行文本字段中添加一个占位符，因为我可以向用户提供一些指示以输入要过滤的数据。我想让它通用，每当我向我的网格添加一个文本字段时，都应该向它添加一个通用占位符（输入提示）。我不确定我的 jquery.jqGrid.min.js 是如何工作的以及在哪里进行更改才能达到我的要求。

谁能帮我解决这个问题..??

提前致谢，桑托什·曼恩。

 model.dataType = dataType;
    if (dataType == 'datetime' || dataType == 'date') {
        if (!model.formatter){
    model.formatter = 'date';
    }
    formatColumns += '<Column><ColName>'+model.xmlmap+'</ColName><ColType>'+dataType+'</ColType></Column>';

        if (!model.formatoptions) {
            model.formatoptions = {
              srcformat: 'SortableDateTime',
              newformat: (dataType == 'date')?'Y-m-d':'Y-m-d H:i:s',
              defaultValue: null
            };
        }
        else {
            if (!model.formatoptions.srcformat)
                model.formatoptions.srcformat = 'SortableDateTime';
            if (!model.formatoptions.newformat)
                model.formatoptions.newformat = (dataType == 'date')?'Y-m-d':'Y-m-d H:i:s';
        }
        if (dataType == 'date') {
            model.searchoptions.dataInit = function(el) {
                $(el).datetimepicker({format: 'YYYY-MM-DD', pickDate:true, pickTime:false});
            };
        }
        else {
            model.searchoptions.dataInit = function(el) {
                $(el).datetimepicker({format: 'YYYY-MM-DD HH:mm:ss', useSeconds:true, sideBySide:false});
            };
        }
        model.width = 210;
    }

此外，我的 jqgrid 实现如下所示。

<DataGrid> <Columns> <Column name="date" mapping="createdDate".../> </Columns> </DataGrid>

Answer 1

如果你知道如何获取 jqgrid 中的列名 "loadcomplete",

向其中添加此代码：

$("gs_YourColumnNamePropertyValue").attr("placeholder","YourText");

添加任意数量的列。

Answer 2

在我的例子中，我从 xyz.jsp 发送日期时间作为我的数据类型。同样在 jquery.jqGrid.min.js 中检查并向其添加占位符。

if(k.dataType == 'datetime')
a("td:eq(1)", s).append("<input type='text' placeholder='mm/dd/yyyy hh:mm' style='width:100%;padding:0px;' name='" + (k.index || k.name) + "' id='gs_" + k.name + "' value='" + v + "'/>");
else
a("td:eq(1)", s).append("<input type='text' style='width:100%;padding:0px;' name='" + (k.index || k.name) + "' id='gs_" + k.name + "' value='" + v + "'/>");

Answer 3

如果您需要将 placeholder='mm/dd/yyyy hh:mm' 属性添加到搜索工具栏的 <input> 元素，那么您可以使用

searchoptions: {
    attr: { placeholder: "mm/dd/yyyy hh:mm" }
}

查看演示 https://jsfiddle.net/OlegKi/0v6vkx75/3/

如何向 header 中的 jqGrid 文本字段添加占位符？

How to add a placeholder to jqGrid text field in the header?

javascript

jquery

jqgrid