列表视图的事件与jquery mobile上的过滤器

时间:2016-05-19 06:30:18

标签: listview jquery-mobile filtering

当我使用过滤器进行列表视图时,jQuery Mobile在我的列表中添加了2个类,但我不想要它们:.ui-li-static和.ui-body-inherit

我需要在过滤器完成后删除这些类。

<form class="ui-filterable">
    <input id="filterBasic-input" data-type="search">
</form>
<ul data-role="listview" data-filter="true" data-input="#filterBasic-input">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>

我尝试了不同的活动(更改,加号...)但我没有找到该活动

$(document).on( "key", "#filterable-input", function() {
    $('li').each(function(){
        $(this).removeClass('ui-li-static');        
        $(this).removeClass('ui-body-inherit');         
    });
});

如果有人有提示......

由于

1 个答案:

答案 0 :(得分:1)

我会这样做:

class YourDataObject extends DataObject
{
    private static $db = [
        'MyField' => 'Varchar',
        'MyOtherField' => 'Varchar'
    ];

    private static $indexes = array(
        'MyIndexName' => array(
            'type' => 'unique', // changed this to unique
            'value' => '"MyField","MyOtherField"'
        )
    );
}

在页面创建句柄中,可过滤小部件的 filter event

DEMO