向Bootstrap表添加向上和向下功能

时间:2015-07-17 18:50:41

标签: javascript jquery twitter-bootstrap

我正在构建一个允许我向表中向上或向下添加行的函数。我正在研究'up'功能,我认为这与down功能非常相似。我正在使用JavaScript / Jquery,只有在保存行后才会出现向上箭头。这是我的保存功能代码和不起作用的进行中向上功能。

public class InsertDataToTable {

    public static <T> void insertToTable(JTable table, List<T> domainObjects) {
        DataObjectTableModel<T> model = (DataObjectTableModel<T>) table.getModel();
        model.clearTableModelData();
        for (T domainObject : domainObject) {
           model.addDataObject(domainObject);
        }
    }

    public static <T> void insertSingleObject(JTable table, T domainObject){
        DataObjectTableModel<T> model = (DataObjectTableModel<T>) table.getModel();
        model.clearTableModelData();
        model.addDataObject(domainObject);
    }
}

我不熟悉JQuery。我的添加行不再有效(虽然我知道它正常运行)。这是JSFiddle中用于添加,保存和升级功能的更完整的代码,包括html表。有任何想法吗?

  

已更新 - Working JSFiddle

这有帮助,但它似乎只是将项目移动到列表的底部,而不是向上或甚至向下移动。

1 个答案:

答案 0 :(得分:0)

您提供的JSFiddle中存在一些问题。我已经更新了您的代码,并在问题本身中提供了一个工作示例。

因为无法显示您正在使用的实际图像所以我使用bootstrap库的字形图标来显示相似的图像。您可以在开发环境中再次使用<span>替换<img>标记,一切正常。

此版本的已更新Fiddle在您DeleteSave上提出的要求正常。希望这会帮助你相处。