Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,028

HOME > .NET Framework > Forum > ช่วยสอนวิธี บวก ลบ datatable หน่อยครับ ทำไม่ได้จริงๆครับ (Web,Mc)



 

ช่วยสอนวิธี บวก ลบ datatable หน่อยครับ ทำไม่ได้จริงๆครับ (Web,Mc)

 



Topic : 132566



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



สวัสดีครับ

เกริ่นก่อนเลยว่า เว็บผมจะมีหน้าหลักที่แสดงตารางข้อมูลต่างๆ(datatable)แล้วสามารถกดปุ่มเพิ่มได้ ซึ่งเมื่อกดปุ่มเพิ่ม ปุ่มจะลิ้งค์ไปมอดอลที่ทำแยกหน้าไว้ครับ จะขึ้นดังรูปครับ

save1

สิ่งที่ผมต้องการจะทำให้ได้คือ เมื่อผมใส่ค่าลงในช่อง code ถ้าชื่อซ้ำกับในตารางก็ให้เอาข้อมูลต่างๆมาแสดงในช่อง input ทันที ยกเว้นค่า Add Quantity เพราะเมื่อผมใส่ค่าลงไป แล้วกด save ค่าที่ใส่จะไปเพิ่มในตาราง สมมติมีค่าในตาราง 20 ผมเพิ่มไป 5 ก็จะเป็น 25 ครับ

แยกเป็นส่วนที่ผมทำไม่ได้เลยคือ
1.เช็คค่าที่ซ้ำเดิมแล้วนำมาแสดง
2.add ค่าแล้วค่าไปบวกกับค่าเดิม

นี่โค๊ดครับ ส่วนแสดงตารางครับ

Code
var oTable = $('#MyDatatable').DataTable({ "ajax": { "url": '/home/GetStock', "type": "get", "datatype": "json" }, "columns": [ { "data": "SerialCode", "autoWidth": true }, { "data": "MaterialName", "autoWidth": true }, { "data": "UnitName", "autoWidth": true }, { "data": "Quantity", "autoWidth": true }, { "data": "InputDate", "autoWidth": true }, { "data": "Product_ID", "width": "50px", "render": function (data) { return '<a class="popup" href="/home/edit/' + data + '">Edit</a>'; } }, { "data": "Product_ID", "width": "50px", "render": function (data) { return '<a class="popup" href="/home/delete/' + data + '">Delete</a>'; } }




//นี่ส่วนหน้า save ครับ

Code
@model Data_table.Models.tblStock <h2>Save Product</h2> @using (Html.BeginForm("save", "home", FormMethod.Post, new { id = "popupForm" })) { if (Model != null && Model.Product_ID > 0) { @Html.HiddenFor(a => a.Product_ID) } <div class="form-group"> <label>Serial Code</label> @Html.TextBoxFor(a => a.SerialCode, new { @class = "form-control" }) @Html.ValidationMessageFor(a => a.SerialCode) </div> <div class="form-group"> <label>Product Name</label> @Html.TextBoxFor(a => a.MaterialName, new { @class = "form-control" }) @Html.ValidationMessageFor(a => a.MaterialName) </div> <div class="form-group"> <label>Unit Name</label> @Html.TextBoxFor(a => a.UnitName, new { @class = "form-control" }) @Html.ValidationMessageFor(a => a.UnitName) </div> <div class="form-group"> <label>Quantity</label> @Html.TextBoxFor(a => a.Quantity, new { @class = "form-control" }) @Html.ValidationMessageFor(a => a.Quantity) </div> <div class="form-group"> <label>InputDate</label> @Html.EditorFor(a => a.InputDate, new { htmlAttributes = new { @class = "datepicker", @Value = DateTime.Now } }) @Html.ValidationMessageFor(a => a.InputDate) </div> <div> <input type="submit" value="Save"/> </div>


ปล.ฐานข้อมูลเป็น sql server ครับ
ขอบคุณมากครับ ช่วยหน่อยครับ ผมคิดไม่ออกจริงๆครับ



Tag : .NET, Ajax, jQuery, MVC, C#, VS 2017 (.NET 4.x)







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-11-15 15:49:46 By : 2293452590938333 View : 1404 Reply : 6
 

 

No. 1



โพสกระทู้ ( 1,458 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

impossible without the given query command!!!!






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 14:37:42 By : PhrayaDev
 


 

No. 2

Guest


@2293452590938333 ไอ้หนู

ณ. ปุ่ม Save (Client Event Click)

Code (JavaScript)
           let newSerialCode = document.getElementById("txtSerialCode").value;
           let _index = 1; //สมมุติมีการแก้ไขระเบียนที่ 2 (Zero base array)
           let actionMode = "E";  //แก้ไข/ลบ

            oTable.rows().every((rowIdx, tableLoop, rowLoop) => {
                var dr = this.data(); // วนลูปอ่านทุกแถวในตาราง oTable
                var ra = {}; //Pur_OrdD
                let oldSerialCode= dr.SerialCode;
                if (actionMode = "E" { //คุณรู้อยู่แล้วว่า กำลังแก้ไข/เพิ่มรายการ ในตาราง สมมุติว่า แก้ไข ก็ตรวจสอบค่าซ้ำ
                    if ( dr.SerialCode == newSerialCode && rowIdx <> 1) {
                        alert("รหัสซ้ำ");
                    }
                }
            });

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 17:51:54 By : หน้าฮี
 

 

No. 3

Guest


อันนี้แถมให้นะ อะไรก็ตามที่เกี่ยวกับตาราง <table><tr><td></td></tr></table>

Write one run anywhere...
wls = ย่อมาจากคำว่า Slow As FUCK

Code (JavaScript)

/** @description  ถูกเลือกอย่างน้อย 1 แถว หรือไม่?
 * @param {object} objJDT = $("#yourTable").Datatables()
 * @return  true/false
*/
wls.jdt.isSelected = function (objJDT) {
    return objJDT.rows('.JDTselected').any() > 0 ? true : false;
}

/**@description  อ่านตำแหน่งแถวแรกที่เลือก (กรณีที่มีหลายแถว/แถวเดียว)
 * @param {object} objJDT
 * @return {int} Current Selected First rowIndex 
*/
wls.jdt.curRowIndex = function (objJDT) {
    let rows = objJDT.rows('.JDTselected').indexes();
    return rows.length != 0 ? rows[0] : -1; // 0/1/2/3/4/...
}

/**@description  อ่านค่าแถวปัจจุบันที่ถูกเลือก
 * @param {object} objJDT  $("#jdtTable").Datatables()
 * @return {object} Current Selected row data.
*/
wls.jdt.curData = function (objJDT) {
    let data = null;
    let index = wls.jdt.curRowIndex(objJDT);
    if (index > 0) {
        data = objJDTHD.row(index).data();
    }
    return data; //data.po_number, data.po_dae, etc...
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 18:06:48 By : หน้าฮี
 


 

No. 4

Guest


แถมให้อีก จากคำถาม oTable

ต้องการลบข้อมูลทุกระเบียน (แถว)
Code (JavaScript)
  oTable.clear().draw(); // ทดสอบแล้วใช้ได้



แถมให้อีก Hidden field/View State/etc... ไอ้พวกโบราณ
ใช้คุณสมบัติ HTML5 และคงไม่มีใครใช้ Responsive ไม่เป็นแล้วมั้ง

Code (JavaScript)

//เขียนค่าลงไป ตัวไหนก็ได้/ตรงไหนก็ได้ ตามสะดวก
$("#txtSerialCode").attr("หอยหอม1", "หอม").attr("หอยหอม2", "หอมเหมือนเดิม")
                                  .val("123456").prop("disabled", true);

//อ่านค่า
var หอย1 = $("#txtSerialCode").attr("หอยหอม1"); 
// หอย1 = หอยหอม1



ปล. ระบบงานจริงของผม บันทึกข้อมูลจริง Link กันไปเกือบ 30 ตาราง ในครั้งเดียว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 18:27:47 By : หน้าฮี
 


 

No. 5

Guest


ดูหน้าจอ Tables ของผมบ้างนะ รองรับทุกฯภาษาบนโลกใบนี้ (อ่านค่ามาจาก Json)

Code
<table id="PurV1_jdt1" class="table" width="100%"> <thead> <tr> <th class="wd-1">Locks</th> <th class="wd-15p">@Localizer["Id"]@Localizer["ใบ"]@Localizer["Purchase"]</th> <th class="wd-15p">@Localizer["PO_Date"]</th> <th class="desktop wd-25p">@Localizer["Vendor"]</th> <th class="desktop wd-15p">@Localizer["Remark"]</th> <th class="wd-50 tx-center"> <img src="~/img/file_new.gif" id="imgAddPO" class="addItem imgButton" /> </th> </tr> </thead> <tbody> </tbody> <table>



โครงสร้างตาราง GL (ออกงบ ต่างฯ) ข้อมูลต่อให้เป็นพันปีแสง ก็เร็วเหมือนเดิม
AccCode ฝ่าย แผนก หน่วยงาน หอยYear หอยMonth Beginning_Accumulative_Balance Beginning_BudgetAmount
101 ห ม ต 2020 1 10 0
101 ห ม ต 2020 2 -5 5
101
...

ปล. ผมเคยกลัว DBA/etc.. ที่ไหนกันล่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 18:43:38 By : หน้าฮี
 


 

No. 6

Guest


ดูนะจะไล่ไป GL เอาระบบซื่อ ยกเป็นตัวอย่าง
1. เลือกวิธีการบันทึกบัญชี Perpettual/Periodic
2. เลือกวิธีการคำนวนต้นทุน FIFO/EIFO/LIFO/AGV-W/AVG-M/Standard/etc...


FIFO-Perpettual รวมกันไปเลย ซื้อสด/เชื่อ/คืน/etc...
เดบิต สินค้าคงเหลือ xxx
เดบิต ภาษีซื้อ xxx
เครดิต เงินสด (เจ้าหนี้) xxx

FIFO-Periodic รวมกันไปเลย ซื้อสด/เชื่อ/คืน/etc...
เดบิต ซื้อ (ห่าเหวอะไรก็ว่าไป) xxx
เดบิต ภาษีซื้อ xxx
เครดิต เงินสด (เจ้าหนี้) xxx

+55555
...
...
...

ปล. ผมต้องการสื่อถึงอะไร เข้าใจไหม?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-01 18:56:13 By : หน้าฮี
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยสอนวิธี บวก ลบ datatable หน่อยครับ ทำไม่ได้จริงๆครับ (Web,Mc)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่