Twitter bootstrap KendoUI网格过滤器不可用

似乎剑道UI网格在封装在引导模式窗口中时确实能够正确过滤

在Chrome和Firefox中，您甚至不能在过滤器文本框中键入内容。我已经删除了所有CSS类，但没有任何效果。在IE中，你至少可以键入，但当你点击“过滤器”时，什么都不会发生

有什么想法吗

这是我的HTML

 <div id="propertyPicker"
    class="modal large hide fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="propertyPickerLabel"
    aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
            <h3 id="propertyPickerLabel">Property Picker</h3>
        </div>

    <div class="modal-body">

         <div data-role="grid"
            data-sortable="true"                
            data-pageable="{                                
                            'info': true,
                            'pageSizes': [10,25,50],                                
                            }" 
            data-filterable="true"                                                   
            data-bind="source: collateralList"              
            data-columns="[
                            {field: 'Name', title: 'Property', filterable: { 'extra': false }},
                            {field: 'StreetAddress', title: 'Address', filterable: { 'extra': false }},
                            {field: 'City', title: 'City', filterable: { 'extra': false }},
                            {field: 'Acronym', title: 'State', filterable: { 'extra': false }},
                            {field: 'ZipCode', title: 'Zip', filterable: { 'extra': false }}
                          ]">


        </div>


    </div>

    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save</button>
    </div>

</div>

---

看起来这个答案可能对你有所帮助。很明显，引导有一个问题

var viewModel = kendo.observable({ 
... 
collateralList: new kendo.data.DataSource({
            type: "odata",                
            transport: {
                read: {                        
                    url: "@Url.Content("~/Services/{SomeDataService}.svc/Collaterals?$select=ID,Name,StreetAddress,City,Acronym,ZipCode")"
                }
            },                
            pageSize: 10,
            serverPaging: true,
            serverSorting: true,  
            serverFiltering: true

        }),
 ...