最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

BootStrap table實現(xiàn)表格行拖拽效果

 更新時間:2018年12月01日 08:36:44   作者:GitLuckyd  
這篇文章主要為大家詳細(xì)介紹了BootStrap table實現(xiàn)表格行拖拽效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了BootStrap table實現(xiàn)表格行拖拽的具體代碼,供大家參考,具體內(nèi)容如下

不上圖了

首先還是得添加三個文件,自己上網(wǎng)搜搜就行

<script src="~/Content/bootstrap-table/jquery.tablednd.js"></script>
<script src="~/Content/bootstrap-table/bootstrap-table-reorder-rows.js"></script>
<link href="~/Content/bootstrap-table/bootstrap-table-reorder-rows.css" rel="stylesheet"/>

前臺,加在Bootstrap Table 屬性里面  

//當(dāng)選中行,拖拽時的哪行數(shù)據(jù),并且可以獲取這行數(shù)據(jù)的上一行數(shù)據(jù)和下一行數(shù)據(jù)
   onReorderRowsDrag: function(table, row) {
    //取索引號
    dragbeforeidx = $(row).attr("data-index");
   },
   //拖拽完成后的這條數(shù)據(jù),并且可以獲取這行數(shù)據(jù)的上一行數(shù)據(jù)和下一行數(shù)據(jù)
   onReorderRowsDrop: function (table, row) {
    //取索引號
    draglateridx = $(row).attr("data-index");
   },
   //當(dāng)拖拽結(jié)束后,整個表格的數(shù)據(jù)
   onReorderRow: function (newData) {
    //這里的newData是整個表格數(shù)據(jù),數(shù)組形式
    if (dragbeforeidx != draglateridx) {//這是我其他地方需要的,你們可不必要這個
     //console.log(newData); 調(diào)試用代碼
     $.post("Sort",
      { jsondata: JSON.stringify(newData) },//將整張表數(shù)據(jù)Post,當(dāng)然,先序列化成Json
      function(data) {
       if (data == "success") {
        $table.bootstrapTable('refresh');
       }
      });
    }
   }

后臺代碼Controller

public string Sort(string jsondata)
  {
   //將json序列化為List<T>
   JavaScriptSerializer serializer = new JavaScriptSerializer();
   List<WorkFlow> list = serializer.Deserialize<List<WorkFlow>>(jsondata);
   BLL.Base.WorkFlow bllworkflow = new BLL.Base.WorkFlow();
   var result = bllworkflow.Sort(list);
   return result;
  }

排序的思路:當(dāng)前臺拖動完成后,將整個表格數(shù)據(jù)傳入后臺,先刪除之前數(shù)據(jù)庫中的數(shù)據(jù),重新保存當(dāng)前數(shù)據(jù)實現(xiàn)排序。

缺點:  如果你有分頁顯示,返回的Table數(shù)據(jù)只為第一頁的。第二頁就會出現(xiàn)排序問題。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS實現(xiàn)帶提示的星級評分效果完整實例

    JS實現(xiàn)帶提示的星級評分效果完整實例

    這篇文章主要介紹了JS實現(xiàn)帶提示的星級評分效果,以完整實例形式較為詳細(xì)的分析了JavaScript響應(yīng)鼠標(biāo)事件動態(tài)變換頁面元素樣式的相關(guān)技巧,非常簡單實用的代碼,需要的朋友可以參考下
    2015-10-10
  • JS實現(xiàn)仿QQ效果的三級豎向菜單

    JS實現(xiàn)仿QQ效果的三級豎向菜單

    這篇文章主要介紹了JS實現(xiàn)仿QQ效果的三級豎向菜單,以實例形式分析了JavaScript遍歷頁面元素及動態(tài)改變頁面css樣式的技巧,需要的朋友可以參考下
    2015-09-09
  • Node.js API詳解之 zlib模塊用法分析

    Node.js API詳解之 zlib模塊用法分析

    這篇文章主要介紹了Node.js API詳解之 zlib模塊用法,結(jié)合實例形式分析了Node.js API中zlib模塊基本功能、函數(shù)使用方法與操作注意事項,需要的朋友可以參考下
    2020-05-05
  • js中indexOf()的簡單使用示例

    js中indexOf()的簡單使用示例

    indexOf在js中有著重要的作用,可以判斷一個元素是否在數(shù)組中存在,或者判斷一個字符是否在字符串中存在,下面這篇文章主要給大家介紹了關(guān)于js中indexOf()簡單使用的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • 使用canvas進(jìn)行圖像編輯的實例

    使用canvas進(jìn)行圖像編輯的實例

    下面小編就為大家?guī)硪黄褂胏anvas進(jìn)行圖像編輯的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • 微信小游戲之使用three.js 繪制一個旋轉(zhuǎn)的三角形

    微信小游戲之使用three.js 繪制一個旋轉(zhuǎn)的三角形

    three.js是一個可以使用javascript繪制3d圖形的庫,它對WebGL的api進(jìn)行封裝,使開發(fā)更加方便,就像jQuery對DOM的api進(jìn)行封裝一樣。這篇文章主要介紹了微信小游戲之使用three.js 繪制一個旋轉(zhuǎn)的三角形,需要的朋友可以參考下
    2019-06-06
  • 如何用js控制frame的隱藏或顯示的解決辦法

    如何用js控制frame的隱藏或顯示的解決辦法

    如何用js控制frame的隱藏或顯示的解決辦法,需要的朋友可以參考一下
    2013-03-03
  • JavaScript設(shè)置獲取和設(shè)置屬性的方法

    JavaScript設(shè)置獲取和設(shè)置屬性的方法

    這篇文章主要介紹了JavaScript設(shè)置獲取和設(shè)置屬性的方法,學(xué)會使用getAttribute、setAttribute的用法,需要的朋友可以參考下
    2015-03-03
  • echarts折線圖每段顯示不同的顏色的實現(xiàn)

    echarts折線圖每段顯示不同的顏色的實現(xiàn)

    本文主要介紹了echarts折線圖每段顯示不同的顏色的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-09-09
  • 關(guān)于uniapp微信小程序左上角返回按鈕的監(jiān)聽詳解

    關(guān)于uniapp微信小程序左上角返回按鈕的監(jiān)聽詳解

    uniapp是一個支持多端的技術(shù),因此它是兼容性比較強的,而且速度也很快,下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序左上角返回按鈕監(jiān)聽的相關(guān)資料,需要的朋友可以參考下
    2022-04-04

最新評論

瑞安市| 宾阳县| 杭州市| 建德市| 诸城市| 灵璧县| 阜南县| 汉沽区| 郑州市| 保亭| 基隆市| 抚顺市| 尤溪县| 青田县| 峨山| 周宁县| 延吉市| 长泰县| 芒康县| 天水市| 偃师市| 湾仔区| 河西区| 齐齐哈尔市| 许昌县| 泸西县| 锡林浩特市| 新竹市| 罗平县| 乌恰县| 报价| 安泽县| 上饶市| 略阳县| 榆社县| 珠海市| 达州市| 体育| 凭祥市| 荃湾区| 双流县|