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,038

HOME > PHP > PHP Forum > ขอสอบถามเรื่องการ update drag and drop ครับ CodeIgniter php


[PHP] ขอสอบถามเรื่องการ update drag and drop ครับ CodeIgniter php

 
Topic : 129224



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



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



ตัวอย่างครับ
ตัวอย่าง

form.php
Code (PHP)
001.<form method="post" id="form_dep_select" name="form_dep_select" onSubmit="JavaScript:return fncSubmit();" >
002.     
003.            <script type="text/javascript">
004.              var redipsURL = '/javascript/drag-and-drop-table-row/';
005.            </script>
006.           
007.            <!-- tables inside this DIV could contain drag-able content  -->
008.            <div id="redips-drag">
009. 
010.              <!-- left container -->
011.              <div id="left">         
012.                <table class="tbl0">
013.                  <colgroup>
014.                    <col width="100"/>
015.                  </colgroup>
016.                  <thead>
017.                    <tr>
018.                      <th class="redips-mark">กลุ่มA</th>
019.                    </tr>
020.                  </thead>
021.                </table>
022. 
023.                <div style="margin:0px; width:178px; height:318px; overflow: auto;">
024.                <table class="tbl0">
025.                  <tbody>               
026.                    <?php
027.                      foreach ($transportAll_branch_set_999 as $key => $value) {
028.                    ?>
029.                    <tr class="rl">
030.                      <td class="redips-rowhandler"><div class="redips-drag redips-row"><?php echo $value->brAbbName; ?></div>
031.                        <input type="hidden" name="unit_select_dep_999" id="unit_select_dep_999" value="<?php echo $value->brParent_unit; ?>">
032.                        <input type="hidden" name="brAbbName_select_dep_999" id="brAbbName_select_dep_999" value="<?php echo $value->brAbbName; ?>">
033.                      </td>                                   
034.                    </tr>
035.                    <?php } ?>
036.                    <tr>
037.                      <td class="redips-mark"><span>Message line</span></td>
038.                    </tr>
039.                  </tbody>
040.                </table>
041.                </div>
042.              </div>
043. 
044.              <!-- middle container -->
045.              <div id="middle">
046.                <table class="tbl1">
047.                  <colgroup>
048.                    <col width="100"/>
049.                  </colgroup>
050.                  <thead>
051.                    <tr>
052.                      <th class="redips-mark">กลุ่มB</th>
053.                    </tr>
054.                  </thead>
055.                </table>
056. 
057.                <div style="margin:0px; width:178px; height:318px; overflow: auto;">
058.                <table class="tbl1">
059.                  <tbody>
060.                    <?php
061.                      foreach ($transportAll_branch_set_1 as $key => $value) {
062.                    ?>
063.                    <tr class="rl">
064.                      <td class="redips-rowhandler"><div class="redips-drag redips-row"><?php echo $value->brAbbName; ?></div>
065.                        <input type="hidden" name="unit_select_dep_1" id="unit_select_dep_1" value="<?php echo $value->brParent_unit; ?>">
066.                        <input type="hidden" name="brAbbName_select_dep_1" id="brAbbName_select_dep_1" value="<?php echo $value->brAbbName; ?>">
067.                      </td>             
068.                    </tr>
069.                    <?php } ?>
070.                    <tr>
071.                      <td class="redips-mark"><span>Message line</span></td>
072.                    </tr>
073.                  </tbody>
074.                </table>
075.                </div>
076.              </div>
077. 
078.              <!-- middle container -->
079.              <div id="middle">
080.                <table class="tbl2">
081.                  <colgroup>
082.                    <col width="100"/>
083.                  </colgroup>
084.                  <thead>
085.                    <tr>
086.                      <th class="redips-mark">กลุ่มC</th>
087.                    </tr>
088.                  </thead>
089.                </table>
090. 
091.                <div style="margin:0px; width:178px; height:318px; overflow: auto;">
092.                <table class="tbl2">             
093.                  <tbody>             
094.                    <?php
095.                      foreach ($transportAll_branch_set_2 as $key => $value) {
096.                    ?>
097.                    <tr class="rl">
098.                      <td class="redips-rowhandler"><div class="redips-drag redips-row"><?php echo $value->brAbbName; ?></div>
099.                        <input type="hidden" name="unit_select_dep_2" id="unit_select_dep_2" value="<?php echo $value->brParent_unit; ?>">
100.                        <input type="hidden" name="brAbbName_select_dep_2" id="brAbbName_select_dep_2" value="<?php echo $value->brAbbName; ?>">
101.                      </td>
102.                    </tr>
103.                    <?php } ?>
104.                    <tr>
105.                      <td class="redips-mark"><span>Message line</span></td>
106.                    </tr>
107.                  </tbody>
108.                </table>
109.                </div>
110.              </div>
111. 
112.              <!-- middle container -->
113.              <div id="middle">       
114.                <table class="tbl3">
115.                  <colgroup>
116.                    <col width="100"/>
117.                  </colgroup>
118.                  <thead>
119.                    <tr>
120.                      <th class="redips-mark">กลุ่มD</th>
121.                    </tr>
122.                  </thead>
123.                </table>
124. 
125.                <div style="margin:0px; width:178px; height:318px; overflow: auto;">
126.                <table class="tbl3">
127.                  <tbody>               
128.                    <?php
129.                      foreach ($transportAll_branch_set_3 as $key => $value) {
130.                    ?>
131.                    <tr class="rl">
132.                      <td class="redips-rowhandler"><div class="redips-drag redips-row"><?php echo $value->brAbbName; ?></div>
133.                        <input type="hidden" name="unit_select_dep_3" id="unit_select_dep_3" value="<?php echo $value->brParent_unit; ?>">
134.                        <input type="hidden" name="brAbbName_select_dep_3" id="brAbbName_select_dep_3" value="<?php echo $value->brAbbName; ?>">
135.                      </td>
136.                    </tr>
137.                    <?php } ?>
138.                    <tr>
139.                      <td class="redips-mark"><span>Message line</span></td>
140.                    </tr>
141.                  </tbody>
142.                </table>
143.                </div>         
144.              </div>
145.             </div>
146.           
147.            <div class="box-footer text-center">               
148.              <input type="submit" name="from_update_dep_select" id="from_update_dep_select" class="btn btn-primary btn-sm" style="width:75px;height:35px" value="บันทึก" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
149.              <input type="button" class="btn btn-primary btn-sm" style="width:75px;height:35px" value="ล้างข้อมูล" onClick="javascript: window.location.reload()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
150.            </div>
151.            </form>


update.php
Code (PHP)
01.public function update_from_dep_select()
02.        {
03.            $code_select_dep_999=$this->input->post('unit_select_dep_999');
04.            $br_abbName_select_dep_999=$this->input->post('brAbbName_select_dep_999');
05. 
06.            $code_select_dep_1=$this->input->post('unit_select_dep_1');      
07.            $br_abbName_select_dep_1=$this->input->post('brAbbName_select_dep_1'); 
08. 
09.            $code_select_dep_2=$this->input->post('unit_select_dep_2');
10.            $br_abbName_select_dep_2=$this->input->post('brAbbName_select_dep_2');
11. 
12.            $code_select_dep_3=$this->input->post('unit_select_dep_3');   
13.            $br_abbName_select_dep_3=$this->input->post('brAbbName_select_dep_3'); 
14. 
15.            $code_select_dep_4=$this->input->post('unit_select_dep_4');
16.            $br_abbName_select_dep_4=$this->input->post('brAbbName_select_dep_4');
17. 
18.            ////////////////////////  dep_select_999 dep_select_999 ////////////////////////////////
19.            ////////////////////////  dep_select_999 dep_select_999 ////////////////////////////////
20. 
21.            if($code_select_dep_999 == 999){               
22.                $sql_dep_select_999 = "SELECT * FROM `branch` WHERE `brAbbName` = '$br_abbName_select_dep_999'";
23.                $query_dep_select_999 = $this->db->query("$sql_dep_select_999");
24.                $result_dep_select_999=$query_dep_select_999->result_array();
25.                foreach ($result_dep_select_999 as $row_dep_select_999){ 
26.                    $br_code=$row_dep_select_999["brCode"];           
27.                }
28.                $this->db->set('brParent_unit', 999);
29.                $this->db->where('brCode', $br_code);
30.                $this->db->update("branch");
31.            }
32. 
33.            ////////////////////////  dep_select_1 dep_select_1 ////////////////////////////////
34.            ////////////////////////  dep_select_1 dep_select_1 ////////////////////////////////
35. 
36.            if($code_select_dep_1 == 1){
37.                $sql_dep_select_1 = "SELECT * FROM `branch` WHERE `brAbbName` = '$br_abbName_select_dep_1'";
38.                $query_dep_select_1 = $this->db->query("$sql_dep_select_1");
39.                $result_dep_select_1=$query_dep_select_1->result_array();
40.                foreach ($result_dep_select_1 as $row_dep_select_1){ 
41.                    $br_code=$row_dep_select_1["brCode"];           
42.                }
43.                $this->db->set('brParent_unit', 1);
44.                $this->db->where('brCode', $br_code);
45.                $this->db->update('branch');
46.            }
47. 
48.            ////////////////////////  dep_select_2 dep_select_2 ////////////////////////////////
49.            ////////////////////////  dep_select_2 dep_select_2 ////////////////////////////////
50. 
51.            if($code_select_dep_2 == 2){
52.                $sql_dep_select_2 = "SELECT * FROM `branch` WHERE `brAbbName` = '$br_abbName_select_dep_2'";
53.                $query_dep_select_2 = $this->db->query("$sql_dep_select_2");
54.                $result_dep_select_2=$query_dep_select_2->result_array();
55.                foreach ($result_dep_select_2 as $row_dep_select_2){ 
56.                    $br_code=$row_dep_select_2["brCode"];           
57.                }
58.                $this->db->set('brParent_unit', 2);
59.                $this->db->where('brCode', $br_code);
60.                $this->db->update('branch');
61.            }
62. 
63.            ////////////////////////  dep_select_3 dep_select_3 ////////////////////////////////
64.            ////////////////////////  dep_select_3 dep_select_3 ////////////////////////////////
65. 
66.            if($code_select_dep_3 == 3){
67.                $sql_dep_select_3 = "SELECT * FROM `branch` WHERE `brAbbName` = '$br_abbName_select_dep_3'";
68.                $query_dep_select_3 = $this->db->query("$sql_dep_select_3");
69.                $result_dep_select_3=$query_dep_select_3->result_array();
70.                foreach ($result_dep_select_3 as $row_dep_select_3){ 
71.                    $br_code=$row_dep_select_3["brCode"];           
72.                }
73.                $this->db->set('brParent_unit', 3);
74.                $this->db->where('brCode', $br_code);
75.                $this->db->update('branch');
76.            }
77. 
78.            ////////////////////////  dep_select_4 dep_select_4 ////////////////////////////////
79.            ////////////////////////  dep_select_4 dep_select_4 ////////////////////////////////
80. 
81.            if($code_select_dep_4 == 4){
82.                $sql_dep_select_4 = "SELECT * FROM `branch` WHERE `brAbbName` = '$br_abbName_select_dep_4'";
83.                $query_dep_select_4 = $this->db->query("$sql_dep_select_4");
84.                $result_dep_select_4=$query_dep_select_4->result_array();
85.                foreach ($result_dep_select_4 as $row_dep_select_4){ 
86.                    $br_code=$row_dep_select_4["brCode"];
87.                }
88.                $this->db->set('brParent_unit', 4);
89.                $this->db->where('brCode', $br_code);
90.                $this->db->update('branch');
91.            }
92. 
93.            redirect("backend/from_select_dep","refresh");
94.            exit();
95. 
96. 
97.            
98.        }


script.js
Code (JavaScript)
01./*jslint white: true, browser: true, undef: true, nomen: true, eqeqeq: true, plusplus: false, bitwise: true, regexp: true, strict: true, newcap: true, immed: true, maxerr: 14 */
02./*global window: false, REDIPS: true */
03. 
04./* enable strict mode */
05."use strict";
06. 
07.// define redipsInit variable
08.var redipsInit;
09. 
10.// redips initialization
11.redipsInit = function () {
12.    // reference to the REDIPS.drag library and message line
13.    var rd = REDIPS.drag,
14.        msg;
15.    // initialization
16.    rd.init();
17.    // set hover color for TD and TR
18.    rd.hover.colorTd = '#FFCFAE';
19.    rd.hover.colorTr = '#9BB3DA';
20.    // set hover border for current TD and TR
21.    rd.hover.borderTd = '2px solid #32568E';
22.    rd.hover.borderTr = '2px solid #32568E';
23.    // drop row after highlighted row (if row is dropped to other tables)
24.    rd.rowDropMode = 'after';
25.    // row was clicked - event handler
26.    rd.event.rowClicked = function () {
27.        // set current element (this is clicked TR)
28.        var el = rd.obj;
29.        // find parent table
30.        el = rd.findParent('TABLE', el);
31.        // every table has only one SPAN element to display messages
32.        msg = el.getElementsByTagName('span')[0];
33.        // display message
34.        msg.innerHTML = 'Clicked';
35.    };
36.    // row was moved - event handler
37.    rd.event.rowMoved = function () {
38.        // set opacity for moved row
39.        // rd.obj is reference of cloned row (mini table)
40.        rd.rowOpacity(rd.obj, 85);
41.        // set opacity for source row and change source row background color
42.        // rd.objOld is reference of source row
43.        rd.rowOpacity(rd.objOld, 20, 'White');
44.        // display message
45.        msg.innerHTML = 'Moved';
46.    };
47.    // row was not moved - event handler
48.    rd.event.rowNotMoved = function () {
49.        msg.innerHTML = 'Not moved';
50.    };
51.    // row was dropped - event handler
52.    rd.event.rowDropped = function () {
53.        // display message
54.        msg.innerHTML = 'Dropped';
55.    };
56.    // row was dropped to the source - event handler
57.    // mini table (cloned row) will be removed and source row should return to original state
58.    rd.event.rowDroppedSource = function () {
59.        // make source row completely visible (no opacity)
60.        rd.rowOpacity(rd.objOld, 100);
61.        // display message
62.        msg.innerHTML = 'Dropped to the source';
63.    };
64.    /*
65.    // how to cancel row drop to the table
66.    rd.event.rowDroppedBefore = function () {
67.        //
68.        // JS logic
69.        //
70.        // return source row to its original state
71.        rd.rowOpacity(rd.objOld, 100);
72.        // cancel row drop
73.        return false;
74.    }
75.    */
76.    // row position was changed - event handler
77.    rd.event.rowChanged = function () {
78.        // get target and source position (method returns positions as array)
79.        var pos = rd.getPosition();
80.        // display current table and current row
81.        msg.innerHTML = 'Changed: ' + pos[0] + ' ' + pos[1];
82.    };
83.};
84. 
85. 
86.// add onload event listener
87.if (window.addEventListener) {
88.    window.addEventListener('load', redipsInit, false);
89.}
90.else if (window.attachEvent) {
91.    window.attachEvent('onload', redipsInit);
92.}


คำถาม

1. อยากทราบว่าเมื่อเราจัดย้ายกลุ่มเสร็จแล้ว เมื่อกดบันทึก จะให้ update ข้อมูลเป็นของแต่ละกลุ่ม ครับ
เช่น
ข้อมูลที่อยู่ กลุ่มA ให้ update unit เป็น 1
ข้อมูลที่อยู่ กลุ่มB ให้ update unit เป็น 2
ข้อมูลที่อยู่ กลุ่มC ให้ update unit เป็น 3
ข้อมูลที่อยู่ กลุ่มD ให้ update unit เป็น 4
ประมาณนี้ครับ

2. หรืออีกวิธี ช่วยแนะนำ code แบบว่า พอลากข้อมูลไปกลุ่มไหน ก็ให้ update unit เป็นของกลุ่มนั้นไปเลย ต้องทำยังไงครับ



Tag : PHP, MySQL, JavaScript, MVC, CodeIgniter



ประวัติการแก้ไข
2017-10-16 11:26:43
2017-10-16 11:26:59
2017-10-16 19:53:46
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-10-16 11:23:08 By : StyleIndy View : 1116 Reply : 1
 

 

No. 1



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



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


รบกวนผู้รู้ช่วยทีนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-10-16 22:33:43 By : StyleIndy
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอสอบถามเรื่องการ update drag and drop ครับ CodeIgniter php
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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