代码之家 › 专栏 › 技术社区 › user79074

无法在网格中的切换列上搜索

w2ui

0

user79074 · 技术社区 · 6 年前

当我使用搜索将切换列添加到网格时,它似乎不起作用我用搜索演示修改了网格以包含一个切换但当我试图搜索它时,下拉菜单只给了我一个“是”选项,我不能为搜索子句输入任何内容。

searches: [
    { field: 'recid', caption: 'ID ', type: 'int' },
    { field: 'lname', caption: 'Last Name', type: 'text' },
    { field: 'fname', caption: 'First Name', type: 'text' },
    { field: 'email', caption: 'Email', type: 'list', options: { items: ['peter@gmail.com', 'jim@gmail.com', 'jdoe@gmail.com']} },
    { field: 'auth', caption: 'Auth', type: 'toggle' }
],
columns: [                
    { field: 'recid', caption: 'ID', size: '50px', sortable: true, attr: 'align=center' },
    { field: 'lname', caption: 'Last Name', size: '30%', sortable: true },
    { field: 'fname', caption: 'First Name', size: '31%', sortable: true },
    { field: 'email', caption: 'Email', size: '40%' },
    { field: 'auth', caption: 'Auth', render: 'toggle', size: '20px' }
]

jsfiddle公司: https://jsfiddle.net/c9r6pk7m/4/

1 回复 | 直到 6 年前

1

Mike Scotty 6 年前

当 toggle 是有效的呈现值,它不是有效的搜索类型。

见: http://w2ui.com/web/docs/1.5/w2grid.searches

你可以用 list 相反,尽管我必须承认,我不得不用 false 值,通过将其映射到 {id:"0", text: "No"} 是的。

$(function () {
    $('#grid').w2grid({ 
        name: 'grid', 
        show: { 
            toolbar: true,
            footer: true
        },
        multiSearch: true,
        searches: [
            { field: 'recid', caption: 'ID ', type: 'int' },
            { field: 'lname', caption: 'Last Name', type: 'text' },
            { field: 'fname', caption: 'First Name', type: 'text' },
            { field: 'email', caption: 'Email', type: 'list', options: { items: ['peter@gmail.com', 'jim@gmail.com', 'jdoe@gmail.com']} },
            { field: 'auth', caption: 'Auth', type: 'list', options: { items: [{id:true, text: "Yes"}, {id:"0", text: "No"}]} }
        ],
        columns: [                
            { field: 'recid', caption: 'ID', size: '50px', sortable: true, attr: 'align=center' },
            { field: 'lname', caption: 'Last Name', size: '30%', sortable: true },
            { field: 'fname', caption: 'First Name', size: '31%', sortable: true },
            { field: 'email', caption: 'Email', size: '40%' },
            { field: 'auth', caption: 'Auth', render: 'toggle', size: '20px' }
        ],
        records: [
            { recid: 1, fname: 'Jane', lname: 'Doe', email: 'jdoe@gmail.com', auth: true },
            { recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'jdoe@gmail.com', auth: true },
            { recid: 3, fname: 'Jin', lname: 'Franson', email: 'peter@gmail.com', auth: true },
            { recid: 4, fname: 'Susan', lname: 'Ottie', email: 'jim@gmail.com', auth: true },
            { recid: 5, fname: 'Kelly', lname: 'Silver', email: 'peter@gmail.com', auth: true },
            { recid: 6, fname: 'Francis', lname: 'Gatos', email: 'jdoe@gmail.com', auth: true },
            { recid: 7, fname: 'Mark', lname: 'Welldo', email: 'jim@gmail.com', auth: false },
            { recid: 8, fname: 'Thomas', lname: 'Bahh', email: 'jdoe@gmail.com', auth: false },
            { recid: 9, fname: 'Sergei', lname: 'Rachmaninov', email: 'jdoe@gmail.com', auth: false },
            { recid: 20, fname: 'Jill', lname: 'Doe', email: 'jdoe@gmail.com', auth: false },
            { recid: 21, fname: 'Frank', lname: 'Motzart', email: 'jdoe@gmail.com', auth: false },
            { recid: 22, fname: 'Peter', lname: 'Franson', email: 'jdoe@gmail.com', auth: false },
            { recid: 23, fname: 'Andrew', lname: 'Ottie', email: 'jdoe@gmail.com', auth: false },
            { recid: 24, fname: 'Manny', lname: 'Silver', email: 'jdoe@gmail.com', auth: false },
            { recid: 25, fname: 'Ben', lname: 'Gatos', email: 'peter@gmail.com', auth: true },
            { recid: 26, fname: 'Doer', lname: 'Welldo', email: 'jdoe@gmail.com', auth: true },
            { recid: 27, fname: 'Shashi', lname: 'Bahh', email: 'jim@gmail.com', auth: true },
            { recid: 28, fname: 'Av', lname: 'Rachmaninov', email: 'jim@gmail.com', auth: true }
        ]
    });    
});

https://jsfiddle.net/c9r6pk7m/9/