js

  layui.config({
        version: '1560414887155' //為了更新 js 快取，可忽略
    });

    layui.use(['laydate', 'laypage',  'table',   'element'], function(){
        var laydate = layui.laydate //日期
            ,laypage = layui.laypage //分頁
            ,table = layui.table //表格
            ,element = layui.element //元素操作

        //監聽Tab切換
        element.on('tab(demo)', function(data){
            layer.tips('切換了 '+ data.index +'：'+ this.innerHTML, this, {
                tips: 1
            });
        });

        //執行一個 table 例項
        table.render({
            elem: '#demo'
            ,height: 420
            ,url: '/getAllPageInfo' //資料介面
            ,title: '使用者表'
            ,page: true //開啟分頁
            ,toolbar: 'default' //開啟工具欄，此處顯示預設圖示，可以自定義模板，詳見文件
            ,totalRow: true //開啟合計行
            ,cols: [[ //表頭
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left', totalRowText: '合計：'}
                ,{field: 'fileCode', title: '檔案編號', width:80}
                ,{field: 'timeOfReceipt', title: '收文時間', width: 90, sort: true}
                ,{field: 'deliveryUnit', title: '送文單位', width:80, sort: true}
                ,{field: 'categoryName', title: '類別', width: 80, sort: true}
                ,{field: 'fileTitle', title: '檔案標題', width:150}
                ,{field: 'instructionsContent', title: '批示內容', width: 200}
                ,{field: 'processingInformation', title: '辦理情況', width: 100}
                ,{field: 'suspicionsName', title: '縣名稱', width: 100}
                ,{field: 'remarks', title: '備註', width: 135, sort: true}
                ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
            ,done: function () {
                $("[data-field='id']").css('display','none')
            }
        });

        //監聽頭工具欄事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id)
                ,data = checkStatus.data; //獲取選中的資料


            switch(obj.event){
                case 'add':
                    layer.msg('新增');
                    break;
                case 'update':
                    if(data.length === 0){
                        layer.msg('請選擇一行');
                    } else if(data.length > 1){
                        layer.msg('只能同時編輯一個');
                    } else {

                        var id=checkStatus.data[0].id;//id
                        var fileCode=checkStatus.data[0].fileCode;//檔案編號
                        var timeOfReceipt=checkStatus.data[0].timeOfReceipt;//收文時間
                        var deliveryUnit=checkStatus.data[0].deliveryUnit;//送文單位
                        var categoryName=checkStatus.data[0].categoryName;//類別
                        var fileTitle=checkStatus.data[0].fileTitle;//檔案標題
                        var instructionsContent=checkStatus.data[0].instructionsContent;//批示內容
                        var processingInformation=checkStatus.data[0].processingInformation;//辦理情況
                        var suspicionsName=checkStatus.data[0].suspicionsName;//縣名稱
                        var remarks=checkStatus.data[0].remarks;//備註
                        //  layer.msg("修改");
                        layer.open({
                            title: '修改資訊'
                            ,type: 1
                            ,closeBtn: false
                            ,area: '300px;'
                            ,shade: 0.8
                            ,id: 'LAY_layuipro'
                            ,btn: ['儲存', '取消']
                            ,content: '<div>' +
                                '檔案編號<input type="text" value="'+fileCode+'" id="fileCode"/></br>' +
                                '收文時間<input type="text" value="'+timeOfReceipt+'" id="timeOfReceipt"/></br>' +
                                '送文單位<input type="text" value="'+deliveryUnit+'" id="timeOfReceipt1"/></br>' +
                                '類別<input type="text" value="'+categoryName+'" id="categoryName"/></br>' +
                                '檔案標題<input type="text" value="'+fileTitle+'" id="fileTitle"/></br>' +
                                '批示內容<input type="text" value="'+instructionsContent+'" id="instructionsContent"/></br>' +
                                '辦理情況<input type="text" value="'+processingInformation+'" id="processingInformation"/></br>' +
                                '縣<input type="text" value="'+suspicionsName+'" id="suspicionsName"/></br>' +
                                '備註<input type="text" value="'+remarks+'" id="remarks"/></br>' +
                                '</div>'
                            ,success: function(layero){
                                var btn = layero.find('.layui-layer-btn');
                                btn.find('.layui-layer-btn0').click(function () {
                                    var fileCode= top.$("#fileCode").val();
                                    var timeOfReceipt= top.$("#timeOfReceipt").val();
                                    var deliveryUnit= top.$("#timeOfReceipt1").val();
                                    var categoryName= top.$("#categoryName").val();
                                    var instructionsContent= top.$("#instructionsContent").val();
                                    var processingInformation= top.$("#processingInformation").val();
                                    var suspicionsName= top.$("#suspicionsName").val();
                                    var remarks= top.$("#remarks").val();
                                    var fileTitle= top.$("#fileTitle").val();

                                    $.ajax({
                                        //幾個引數需要注意一下
                                        type: "post",//方法型別
                                        url: "/updateFile",//url
                                        data:{"id":id,"fileCode":fileCode
                                            ,"timeOfReceipt":timeOfReceipt,"deliveryUnit":deliveryUnit
                                            ,"categoryName":categoryName,"instructionsContent":instructionsContent
                                            ,"processingInformation":processingInformation,"suspicionsName":suspicionsName
                                            ,"remarks":remarks,"fileTitle":fileTitle},
                                        dataType:"json",
                                        async:false,
                                        success: function (result) {
                                            console.log(result);//列印服務端返回的資料(除錯用)
                                            if (0==result ) {
                                                alert("修改失敗");

                                            }else{

                                                window.location.replace("intoHead");
                                            };
                                        },
                                        error : function() {
                                            alert("請稍後重試！");
                                        }
                                    })
                                })

                            }
                        });
                    }
                    break;
                case 'delete':


                    var ids=[];
                    for (var i=0;i<data.length;i++){

                        ids.push(checkStatus.data[i].id)
                    }

                    if(data.length === 0){
                        layer.msg('請選擇一行');
                    } else {
                      
                        layer.open({
                            title: '刪除資訊'
                            ,type: 1
                            ,closeBtn: false
                            ,area: '300px;'
                            ,shade: 0.8
                            ,id: 'LAY_layuipro'
                            ,btn: ['儲存', '取消']
                            ,content: '是否刪除'
                            ,success: function(layero){
                                var btn = layero.find('.layui-layer-btn');
                                btn.find('.layui-layer-btn0').click(function () {
                                    $.ajax({
                                        //幾個引數需要注意一下
                                        type: "post",//方法型別
                                        url: "/deleteFile",//url
                                        data:{"id":ids},
                                        dataType:"json",
                                        async:false,
                                        traditional: true,
                                        success: function (result) {
                                            console.log(result);//列印服務端返回的資料(除錯用)
                                            if (0==result ) {
                                                alert("修改失敗");

                                            }else{
                                                window.location.replace("intoHead");
                                            };
                                        },
                                        error : function() {
                                            alert("請稍後重試！");
                                        }
                                    })
                                })

                            }
                        });

                    }
                    break;
            };
        });

        //監聽行工具事件
        table.on('tool(test)', function(obj){ //注：tool 是工具條事件名，test 是 table 原始容器的屬性 lay-filter="對應的值"
            var data = obj.data //獲得當前行資料
                ,layEvent = obj.event; //獲得 lay-event 對應的值
            if(layEvent === 'detail'){
                //layer.msg('檢視操作');
                //獲取值
                var id=data.id;
                var fileCode=data.fileCode;//檔案編號
                var timeOfReceipt=data.timeOfReceipt;//收文時間
                var deliveryUnit=data.deliveryUnit;//送文單位
                var categoryName=data.categoryName;//類別
                var fileTitle=data.fileTitle;//檔案標題
                var instructionsContent=data.instructionsContent;//批示內容
                var processingInformation=data.processingInformation;//辦理情況
                var suspicionsName=data.suspicionsName;//縣名稱
                var remarks=data.remarks;//備註
                //彈出層
                layer.open({
                    title: '檢視詳細資訊'
                    ,content: '<div>' +
                        '<div>檔案編號: '+fileCode+'</div>' +
                        '<div>收文時間: '+timeOfReceipt+'</div>' +
                        '<div>送文單位: '+deliveryUnit+'</div>' +
                        '<div>類別: '+categoryName+'</div>' +
                        '<div>檔案標題: '+fileTitle+'</div>' +
                        '<div>批示內容: '+instructionsContent+'</div>' +
                        '<div>辦理情況: '+processingInformation+'</div>' +
                        '<div>縣名稱: '+suspicionsName+'</div>' +
                        '<div>備註: '+remarks+'</div>' +
                        '</div>'
                });
            } else if(layEvent === 'del'){
                layer.confirm('真的刪除行麼', function(index){
                    obj.del(); //刪除對應行（tr）的DOM結構
                    layer.close(index);
                    //向服務端傳送刪除指令
                    $.ajax({
                        //幾個引數需要注意一下
                        type: "post",//方法型別
                        url: "/deleteFile",//url
                        data:{"id":data.id},
                        dataType:"json",
                        async:false,
                        success: function (result) {
                            console.log(result);//列印服務端返回的資料(除錯用)
                            if (0==result ) {
                                alert("刪除失敗");

                            }else{
                                window.location.replace("intoHead");
                            };
                        },
                        error : function() {
                            alert("請稍後重試！");
                        }
                    })
                });
            } else if(layEvent === 'edit'){
                var id=data.id;//id
                var fileCode=data.fileCode;//檔案編號
                var timeOfReceipt=data.timeOfReceipt;//收文時間
                var deliveryUnit=data.deliveryUnit;//送文單位
                var categoryName=data.categoryName;//類別
                var fileTitle=data.fileTitle;//檔案標題
                var instructionsContent=data.instructionsContent;//批示內容
                var processingInformation=data.processingInformation;//辦理情況
                var suspicionsName=data.suspicionsName;//縣名稱
                var remarks=data.remarks;//備註
              //  layer.msg("修改");
                layer.open({
                    title: '修改資訊'
                    ,type: 1
                    ,closeBtn: false
                    ,area: '300px;'
                    ,shade: 0.8
                    ,id: 'LAY_layuipro'
                    ,btn: ['儲存', '取消']
                    ,content: '<div>' +
                        '檔案編號<input type="text" value="'+fileCode+'" id="fileCode"/></br>' +
                        '收文時間<input type="text" value="'+timeOfReceipt+'"  id="timeOfReceipt"/></br>' +
                        '送文單位<input type="text" value="'+deliveryUnit+'" id="timeOfReceipt1"/></br>' +
                        '類別<input type="text" value="'+categoryName+'" id="categoryName"/></br>' +
                        '檔案標題<input type="text" value="'+fileTitle+'" id="fileTitle"/></br>' +
                        '批示內容<input type="text" value="'+instructionsContent+'" id="instructionsContent"/></br>' +
                        '辦理情況<input type="text" value="'+processingInformation+'" id="processingInformation"/></br>' +
                        '縣<input type="text" value="'+suspicionsName+'" id="suspicionsName"/></br>' +
                        '備註<input type="text" value="'+remarks+'" id="remarks"/></br>' +
                        '</div>'
                    ,success: function(layero){
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').click(function () {
                            var fileCode= top.$("#fileCode").val();
                            var timeOfReceipt= top.$("#timeOfReceipt").val();
                            var deliveryUnit= top.$("#timeOfReceipt1").val();
                            var categoryName= top.$("#categoryName").val();
                            var instructionsContent= top.$("#instructionsContent").val();
                            var processingInformation= top.$("#processingInformation").val();
                            var suspicionsName= top.$("#suspicionsName").val();
                            var remarks= top.$("#remarks").val();
                            var fileTitle= top.$("#fileTitle").val();

                                $.ajax({
                                    //幾個引數需要注意一下
                                    type: "post",//方法型別
                                    url: "/updateFile",//url
                                    data:{"id":id,"fileCode":fileCode
                                        ,"timeOfReceipt":timeOfReceipt,"deliveryUnit":deliveryUnit
                                        ,"categoryName":categoryName,"instructionsContent":instructionsContent
                                        ,"processingInformation":processingInformation,"suspicionsName":suspicionsName
                                        ,"remarks":remarks,"fileTitle":fileTitle},
                                    dataType:"json",
                                    async:false,
                                    success: function (result) {
                                        console.log(result);//列印服務端返回的資料(除錯用)
                                        if (0==result ) {
                                            alert("修改失敗");

                                        }else{

                                            window.location.replace("intoHead");
                                        };
                                    },
                                    error : function() {
                                        alert("請稍後重試！");
                                    }
                                })
                        })

                    }
                });
            }
        });

        //分頁
        laypage.render({
            elem: 'pageDemo' //分頁容器的id
            ,count: 100 //總頁數
            ,skin: '#1E9FFF' //自定義選中色值
            //,skip: true //開啟跳頁
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'頁', {offset: 'b'});
                }
            }
        });



        slider.render({
            elem: '#sliderDemo'
            ,input: true //輸入框
        });

        //底部資訊
        var footerTpl = lay('#footer')[0].innerHTML;
        lay('#footer').html(layui.laytpl(footerTpl).render({}))
            .removeClass('layui-hide');
    });
 

controller

/**
     * 通過id刪除
     * @param id
     * @return
     */
    @PostMapping("deleteFile")
    public int deleteFile(Integer[] id){
        return operationService.deleteFileById(id);
    } 
 

            
  
           

              
              
            
            
相關推薦
			   
            
            
            
 

    

    
    
layui 表格繫結刪除、批量刪除、增加的操作
     
 
                                        
                                                
js 
  layui.config({
        version: '1560414887155' //為了更新 js 

  
 

    

    
    
SpringMVC複雜資料繫結——繫結陣列實現批量刪除
     
  
 
 前幾天學習SSM開發框架遇到了批量刪除的資料繫結問題，就從網上學習了一下，參考別人的部落格又加了點自己的見解寫了這篇部落格。 
 繫結陣列 
 在實際開發時，可能會遇到前端請求需要傳遞到後臺多個input的Name屬性相同的資料的情況（如批量刪除），這個情況用SpringMVC的Controller 

  
 

    

    
    
layui載入表格，繫結新增，編輯刪除，檢視按鈕事件
     
 
                使用layui框架的時候，總會重複的寫相關程式碼，感覺很是苦惱，所以進行分裝，只需要關注業務方面即可如下圖，提供新增，編輯，檢視等功能js方法/**
 * 頁面內彈出編輯視窗 //需要引入 layui.js layui.css檔案
 * @param {} title 標題  

  
 

    

    
    
JAVAEE——BOS物流項目04：學習計劃、datagrid、分頁查詢、批量刪除、修改功能
     
 報錯   datagrid   config   exce   this   調整   bject   ephone   窗口   1 學習計劃
1、datagrid使用方法（重要）
n 將靜態HTML渲染為datagrid樣式
n 發送ajax請求獲取json數據創建datagrid
n 使用easyUI提 

  
 

    

    
    
Spring+SpringMVC+Mybatis實現增刪改查--（六）SSM刪除、批量刪除員工的實現
     
 
                Spring+SpringMVC+Mybatis實現增刪改查--（六）SSM刪除、批量刪除員工的實現單個刪除： 批量刪除  刪除邏輯1.單個刪除URI:/emp/{id} DELETE（1）給刪除按鈕繫結上員工的ID號（2）單個刪除按鈕的點選事件（3）員工刪除的方法2.全選複 

  
 

    

    
    
ibatis批量修改、批量增加、批量刪除
     
 public void batchUpdate( final String statementName, final List list) {

       try { 
           if (list != null ) { 
              this .getSqlMapClient 

  
 

    

    
    
JDBC批量插入、批量刪除、批量更新
     
 try {   
            Class.forName("com.mysql.jdbc.Driver");   
            conn = DriverManager.getConnection(o_url, userName, password);   
            c 

  
 

    

    
    
Mybatis(Oracle)批量插入、批量更新、批量刪除
     
 
                
mybatis對映中可以通過<foreach></foreach>標籤來實現Oracle的批量插入、更新和刪除
    <foreach>標籤中主要有以下屬性：
    collection、item、index、open、separat 

  
 

    

    
    
laravel框架之即點即改、批量刪除
     
 
                
表單頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& 

  
 

    

    
    
java redis通過key模糊刪除，批量刪除，批量查詢相關資料
     
  
 
   
 
@RunWith(SpringRunner.class)

@SpringBootTest

public class RedisTest {

@Autowired

private StringRedisTemplate stringRedisTemplate;


@Aut 

  
 

    

    
    
bootstrapTable--4.刪除和批量刪除
     
 
								
								            
						
                一條記錄可以看做一條資料的陣列

1      Html

1.1  批量選擇框





1.2  單個刪除





2      bootStarp

2.1  批量獲得

獲得選擇的資料



 

  
 

    

    
    
layui  同時繫結多個日期
     
 
                一、固定多個日期<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
    <head>  
        <title>tes 

  
 

    

    
    
為什麼C++中常量引用可以繫結非常量的物件、字面值和一般表示式 詳解
     
 
                    在c++語言中，除兩種例外情況，其他引用的型別都要和與之繫結的物件嚴格匹配，如int型的引用只能繫結int型的物件；並且引用不能直接與字面值常量或表示式結果繫結。    其中一種例外情況是：初始化常量引用時，允許用任意表達式作為初始值，只要該表示式的結果能轉換成引用的 

  
 

    

    
    
WPF:  WrapPanel 容器的資料繫結(動態生成控制元件、遍歷)
     
 
                
問題：
       有一些CheckBox需要作為選項新增到頁面上，但是數目不定。而為了方便排版，我選擇用WrapPanel面板來作為父容器。那現在的問題就是如何把這些控制元件新增到這個WrapPanel裡了。我想到了兩個方法，第一個是先得到控制元件數目，然後再動態生成並 

  
 

    

    
    
mybatis Oracle 批量插入、批量更新、批量查詢
     
  
 
 在使用Mybatis操作oracle資料庫時，會涉及到批量操作，踩過好多的坑，留個記錄吧。

1、批量插入 
 <insert id="batchInsert" parameterType="java.util.List" useGeneratedKeys="false">
    IN 

  
 

    

    
    
R語言︱list用法、批量讀取、寫出資料時的用法
     
 
                列表是一種特別的物件集合，它的元素也由序號（下標）區分，但是各元素的型別可 以是任意物件，不同元素不必是同一型別。元素本身允許是其它複雜資料型別，比如，列表 的一個元素也允許是列表。例如：> rec <- list(name="李明", age=30, score 

  
 

    

    
    
我的C#之路-dataset、datatable的繫結、清空、新增、刪除等操作
     
 
                
一、dataset和datatable
先說說dataset和datatable，dataset是datatable的一個集合，也就是說一個dataset中可以包含多個datatable，可以用ds.tables[0] ds.tables[1]... 來表示，所以我的習慣一 

  
 

    

    
    
jQuery 事件繫結方法（bind hover toggle live.... ）、刪除事件方法（unbind, die）及 事件物件
     
 
                
事件繫結方法：
1.<type>(function)

$("button").click(function(){
    ...
});

2.bind(map)


$("input[type='text']").bind({
    focus: func 

  
 

    

    
    
bos 第3天(easyui彈窗邊界問題、取派員的添加、修改和批量刪除)
     
 檔案   劃分   bug   servle   手機號   rules   function   project   rem   BOS項目筆記 第3天
 
今天內容安排：
1、解決window窗口bug
2、bos項目整體需求分析（基礎設置、取派、中轉、路由、報表）
3、取派員添加功能
4、jQuery  

  
 

    

    
    
mysql批量刪除相同前綴的表格
     
 安裝   false   表格   tool   true   網站後臺   lba   php   點擊   原文：http://www.open-open.com/code/view/1446691883076
 
如果你網站後臺沒法運行mysql,就進phpmyadmin,然後運行一段代碼.假如要刪除織