Jquery：在更改值后自动按输入值对表进行排序

如何根据特定列中INPUT的值对表进行排序。我希望一旦改变了spcified列中任何输入的值，就会发生这种情况。我已经尝试过使用tablesort插件，但无法使其工作。Jquery：在更改值后自动按输入值对表进行排序

<table id="myDummyTable" class="tablesorter"><thead> 
<tr> 
    <th>...</th> 
    <th id="orderthis">something</th> 
    <th id="orderthis">order by value automatically</th> 
    <th id="orderthis2">...</th> 
    </tr> 
</thead> 
<tbody> 
<tr> 
    <td>td1-1</td><td><input type="text" class="stockprodvariantorder" value="abc"/></td> 
    <td><input type="text" name="order1" class="order" value="10"/></td> 
    <td>td1-3</td> 
    </tr> 
<tr> 
    <td>td2-1</td><td><input type="text" class="stockprodvariantorder" value="def"/></td> 
    <td><input type="text" name="order2" class="order" value="20"/></td> 
    <td>td4-3</td> 
    </tr> 
<tr> 
    <td>td6-1</td><td><input type="text" class="stockprodvariantorder" value="ghi"/></td> 
    <td><input type="text" name="order3" class="order" value="30"/></td> 
    <td>td3-3</td> 
    </tr> 

<tr> 
    <td>td4-1</td><td><input type="text" class="someOther" value="jkl"/></td> 
    <td><input type="text" name="order4" class="order" value="40"/></td> 
    <td>td4-3</td> 
    </tr> 
</tbody>

来源

2013-08-04 Marcin Ken Nowak

任何你有它累了吗？ –

你确定你确实希望你的应用程序以这种方式表现吗？你本质上是强迫用户不要犯错误，因为如果她的表格行可能在某处。如果您的表格大于视口，则如果她继续打字，它也会在窗口周围滚动。至少考虑焦点改变时（即模糊）重新排序。

要回答你的问题：你需要写一个自定义的文本提取功能，像下面这样：

var myTextExtraction = function(node) { 
    // return value of input field (must be a direct child of <td>) 
    return node.childNodes[0].value; 
} 

$(document).ready(function() { 
    // init table sorter 
    $("#myDummyTable").tableSorter({textExtraction: myTextExtraction}); 

    // listen to keyup events on each input and resort each time 
    $("#myDummyTable input").keyup(function() { 
    // sort by 2nd column 
    $("#myDummyTable").trigger("sorton", [[1,0]]); 
    }); 
});

我没有上面的代码，报告回来，如果你有问题的测试。但是像Nitesh Verma暗示的那样，包括更多关于什么不起作用的细节。

文档链接：

来源

2013-08-04 17:00:17

Jquery：在更改值后自动按输入值对表进行排序

回答

相关问题