javascript - 如何向标题中的 jqGrid 文本字段添加占位符?

标签 javascript jquery jqgrid

enter image description here

我的 jqgrid 包含多个字段,我想过滤网格。例如,假设我的网格包含“名称”字段,并且我想使用 name="aron"过滤网格的数据。现在,我想指示用户说您应该在此字段中仅输入名称来过滤网格。

我对 jqGrid 非常陌生,需要有人的帮助才能继续前进。我想在网格上的标题行文本字段中添加一个占位符,因为我可以向用户提供一些指示来输入数据进行过滤。我想让它变得通用,每当我向网格添加文本字段时,都应该向其中添加通用占位符(输入提示)。我不知道我的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>

最佳答案

如果需要添加placeholder='mm/dd/yyyy hh:mm'属性为<input>搜索工具栏的元素,然后您可以使用

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

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

关于javascript - 如何向标题中的 jqGrid 文本字段添加占位符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35473863/

相关文章:

javascript - 如何配置 Bamboo 来运行 Protractor 测试用例

javascript - 输入按钮 onclick 事件未触发

javascript - 仅对 img 进行填充

javascript - 使用 Ember 存储和模型作为 JqGrid 的源数据

jquery - jqGrid 和 Wijmo WijMenu 的 z 索引问题

jquery - JQgrid语法错误,custom_value函数的返回值无法识别的表达式

javascript - Node.js 和 Express - 增加请求对象是个好主意吗?

javascript - 不是 Protractor POM 中的函数错误

javascript - Jquery弹出对话框更新多行记录?

jquery - Highcharts IE8 - 页面错误