PHP+jQuery實現雙擊修改table表格

来源:https://www.cnblogs.com/wangziyue/archive/2019/02/28/10449541.html
-Advertisement-
Play Games

//雙擊觸發事件 $("tbody>tr>td").dblclick(function(){ //獲取到 當前 input 下的元素(原值) window.olds = $(this).children('input').val(); if(olds==undefined) { r... ...


<td signs="name">
    <input type="text" disabled="disabled" readonly="readonly" value="{$res.section}" >
</td>
 //雙擊觸發事件
    $("tbody>tr>td").dblclick(function(){
        //獲取到 當前 input 下的元素(原值)
        window.olds = $(this).children('input').val();
        if(olds==undefined)
        {
            return false;
        }
        var signs = $(this).attr('signs'); //獲取屬性值(這些值方便php後臺的操作)
//        console.log(signs);
        var user_id = $(this).parent().attr("id"); //接受當前點擊的ID(tr里的id)
//        console.log(user_id);
        //雙擊之後可以修改
        $(this).find('input').attr("disabled",false);
        $(this).find('input').attr("readonly",false);
        $(this).find('input').css("border",'1px solid deepskyblue');
        $(this).find('input').attr('id', signs + "_" + user_id);  //方便下麵失去焦點事件 找ID(沒有這個無法定位到tr裡面的id屬性)
        //迴圈這些值從而判斷是修改數據的類型,對一些特殊類型的數據進行特殊處理
        switch(signs){
            case 'name':
                $("#" + signs + "_" + user_id).focus().on("blur",function(){
                    var content = $(this).val();
//                    console.log(content);
                    if(content!=olds)  //與原值不同則傳到後臺
                    {
                        // alert(user_id);alert(signs);alert(content);
                        /*
                        通過getJSON將數據傳輸到後臺
                        USER_ID
                        SIGNS
                        CONTENT
                        */
                        $.ajax({
                            type:"post",    // 請求類型
                            url:"{:url('Sections/update')}",    // 請求URL
                            data:{id:user_id,val:content},    // 請求參數 即是 在Servlet中 request.getParement();可以得到的字元串
                            dataType:"json",    // 數據返回類型
                            cache:false, // 是否緩存
                            async:true,    // 預設為true 非同步請求
                            success:function(result){    // 成功返回的結果(響應)
                                console.info(result);
                                if(result){
//                                    alert('22213');
                                }else{
//                                    alert('1111');
                                }
                            }
                        });
                    }
                    $(this).attr('disabled', 'disabled');
                    $(this).attr('readonly', 'readonly');
                    $(this).css('border', '0');
                    $(this).css('background', '#fff');
                    $(this).css('text-align', 'center');
                });
                break;
        }
    })
    public function update()
    {
        $datas=input('post.');
        $id = $datas['id'];
        $name = $datas['val'];
        $res = $this->section->updates($datas);
        echo json_encode($res);

    }
/**
* 修改
*/
public function updates($data)
{

$Section = new Section;
$res = $Section->save([
'section' => $data['val'],
],['id' => $data['id']]);

return $res;
}




 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、Kafka概述 1.Kafka是一個分散式流媒體平臺,它有三個關鍵功能: (1)發佈和訂閱記錄流,類似於消息隊列或企業消息傳遞系統; (2)以容錯的持久方式存儲記錄流; (3)記錄發送時處理流。 2.Kafka通常應用的兩大類應用 (1)構建在系統或應用程式之間的可靠獲取數據的實時流數據管道; ...
  • 筆記記錄自林曉斌(丁奇)老師的《MySQL實戰45講》 5) --深入淺出索引(下) 這次的筆記從一個簡單的查詢開始: 建表語句是這樣的 如果要執行 select * from T where k between 3 and 5這條語句,需要執行幾次搜索操作呢,會掃描多少行呢?由上面的建表及初始化語 ...
  • 禁用 1* select LAST_DATE,NEXT_DATE from dba_jobs where job=45SQL> begin 2 dbms_job.broken(45,true); 3 end; 4 / PL/SQL procedure successfully completed. ...
  • eclipse中寫入sql插入語句時,navicat中顯示的出現亂碼(???)。 在修改eclipse工作空間編碼、navicate中的資料庫編碼、mysql中my.ini中的配置之後還是出現亂碼。 然後把mysql、navicate全部卸載,下載新版本。 再重新配置mysql中,因為新建data里 ...
  • [20190227]簡單探究tab$的bojb#欄位.txt--//上午做了刪除tab$表,其對應索引i_tab1的恢復,我一直以為這個索引會很大,沒有想到在我的測試環境僅僅139個鍵值.--//查看/u01/app/oracle/product/11.2.0.4/dbhome_1/rdbms/ad ...
  • 大數據文摘出品 來源:Medium 編譯:李雷、橡樹_Hiangsug 文章解釋了轉型為數據科學家的原因,整理了數據科學家應該掌握的技能,著重介紹了從數據分析師轉型為數據科學家的具體方法。 如何從數據分析師華麗轉型,成為一名數據科學家?好比“把大象裝進冰箱”,成為“數據科學家”僅需簡單三步: 1. ...
  • 在學習菜鳥教程里的MySQL教程時,對左右連接的結果有點不解。 其中有如下兩個表: 執行右連接語句後: 得到的結果是: 我對這個結果感到很奇怪,右連接是會返回右表的所有行,不管有無匹配,但右表runoob_author明明有Google這個數據,為什麼會是NULL。 試著把所有列列印出來: 可以看到 ...
  • 任何系統都需要提供監控功能,否則在運行期間發生一些異常時,我們將會束手無策。也許有人說,可以增加日誌來解決這個問題。日誌只能解決你的程式邏輯在運行期的監控,進而發現Bug,以及提供對業務有幫助的調試信息。當你的JVM進程奔潰或者程式響應速度很慢時,這些日誌將毫無用處。好在JVM提供了jstat、js... ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...