【问题标题】:jqgrid: Tooltip for "Select All" checkboxjqgrid:“全选”复选框的工具提示
【发布时间】:2017-03-09 07:44:17
【问题描述】:

我是 jqgrid 的新手。我需要在列标题中显示“全选”复选框的工具提示,以便当用户将鼠标悬停在“全选”复选框上时显示工具提示。请帮忙。这是生成我的网格的代码。

jQuery("#ListContacts").jqGrid({
    data: jqgrid_data,
    datatype: "local",
    height: '700',
    width:'700',
    colNames: ['ContactID', 'Contact Name', 'Cell', 'Office', 'Email', 'Address'],
    colModel: [
        { name: 'ContactID', index: 'ContactID', hidden: true },
        { name: 'ContactName', index: 'Contact Name', width: 120, cellattr: Soars.JQGridHelper.wrapContents },
        { name: 'Cell', index: 'Cell', align: "right", width: 400 },
        { name: 'Office', index: 'Office', align: "right", width: 40 },
        { name: 'Email', index: 'Email', align: "right", align: "center", width: 50 },
        { name: 'Address', index: 'Address',  width: 60, datefmt: 'm/d/y', formatter: Soars.JQGridHelper.dateFormat, unformat: Soars.JQGridHelper.dateUnFormat }],
    rowNum: 25,
    rowList: [25, 50, 75, 100],
    altRows: true,
    pager: '#pager_ListContacts',
    pagerpos: 'left',
    recordpos: 'right',
    sortname: 'ContactID',
    viewrecords: true,
    emptyrecords: "No records to view",
    sortorder: "asc",
    multiselect: true,
    multiselectWidth: 16,
    headertitles:true
});

【问题讨论】:

    标签: jqgrid


    【解决方案1】:

    您只需设置复选框的title 属性。 chechbox 的 id 是基于网格的 id 构建的,但带有 "cb_" 前缀。比如grid的id是"list",那么代码

    $("#cb_list").attr("title", "Select All");
    

    在网格创建工具提示之后执行。

    【讨论】:

    • 我在网格中没有单独的复选框列表。我正在使用内置的复选框来选择 jqgrid 中的行。如果您能详细说明,那就太好了。谢谢。
    • @AndyH:那么“全选”复选框是什么意思?如果您自己将复选框放在列标题中,则只需包含 title 属性。最好包含一些 JavaScript 代码,它解释了如何创建和填充网格。
    • 我已经用实际代码更新了我的问题。请看一下。谢谢。
    • @AndyH:您确实使用了multiselect: true,您可能是指在“全选”下多选列中的复选框。因此,我最初的答案正是您需要做的。只需将您的代码附加到$("#cb_ListContacts").attr("title", "Select All"); 行即可。请在所有关于 jqGrid 的问题中写下您使用(可以使用)的 jqGrid 的哪个 版本 以及 jqGrid 的哪个 forkfree jqGrid、商业 Guriddo jqGrid JS 或旧的 jqGrid在版本
    猜你喜欢
    • 2014-05-26
    • 1970-01-01
    • 1970-01-01
    • 2016-08-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多