|
 |
|
แสดงการจองรถในตาราง ขอคำชี้แนะหน่อยครับว่าผมจะทำตารางการจองรถแบบเค้าอย่างไงครับ |
|
 |
|
|
 |
 |
|
โหย แบบนี้ง่ายอะ
แค่มี database กับ gridview กับ datatable ก็ทำได้แระ
ใช้ boundfield กับ event rowdatabound ก็จบ ไม่เห็นมีไรน่าตื่นเต้นเลย
|
 |
 |
 |
 |
Date :
2010-06-30 11:22:36 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แน่หรอพี่ตึ๋ง ยังออกแบบระบบไม่เต็มที่นะคะนั่นอะ
พราวว่า ส่งอาจารย์มะไหร่มีตีกลับน้า อย่าเพิ่งฟันธงจิคะ
|
 |
 |
 |
 |
Date :
2010-06-30 11:52:54 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ซะงัน!!! ง่ายสำหรับพวกเพ้ๆๆๆ แต่มันยากสำหรับผมอ่ะ
แล้วผมจะเริ่มต้นอย่างไง รบกวนแนะนำหน่อยเถิด งง
|
 |
 |
 |
 |
Date :
2010-06-30 14:19:34 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่บอกว่าง่ายว่ายากค่ะ
แต่จะบอกว่าระบบคุณอะค่อนข้างหละหลวมได้เก็บ REQUIREMENT
จากหน้างานมายังคะ
|
 |
 |
 |
 |
Date :
2010-06-30 14:21:45 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
คือ ก็ได้เก็บมาครับ... เค้าเพียงต้องการให้สมาชิกสามารถจองรถผ่านระบบได้ แทนการมาเขียนลงกระดาษที่ฝ่ายธุระการ โดยที่แจ้ง โครงการที่ใช้รถ รถคันใหน วันที่ใช้(ส่วนใหญ่จะจองวันก่อนล่วงหน้าสองสามวัน มีน้อยที่จะเป็นสัปดาห์) และใครเป็นคนจอง แล้วก็สถานที่ไป เวลาใช้รถ...ถึ่ง นี้คือสิ่งที่เค้าต้องการ
ผมได้ทำส่วนของสมาชิก > ต้อง loging ก่อนทำการจอง (ตรงนี้จะเก็บลงฐานข้อมูล ตารางการจอง ซึ่งจะมีรายละเอียดเช่นเดียวกับ ฟอร์มการจองรถ)
แต่ที่ผมจะทำเป้นตารางดังกล่าวนั้น จะเอาโชว์ว่า มีช่วงใหนบ้างที่ถูกจองไปแล้ว...จะไปไว้หน้าindex น่ะครับเพื่อให้เห็นกันทุกคน....เพราะเวลาล็อกอินเข้าไปสมาชิกจะเห็นรายการของตัวเองเท่านั้น > gridview < เป็นตารางข้อมูล
ดังนั้น ผมทำไม่เป็น .... คิดไม่ออก เพราะไม่เคยเขียนน่ะครับ อธิบายได้อย่างเดียว แง แง
-thank Stupid gal && tungman ที่ชี้แนะครับ
|
 |
 |
 |
 |
Date :
2010-06-30 14:43:40 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ต้องการอะไรแบบไหนละคะ อย่าอธิบายเลยค่ะ ขอเป็นรูปมาดูกันจะปรับอะไรยังไงจะได้เร็วค่ะ
|
 |
 |
 |
 |
Date :
2010-07-01 10:40:23 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ในใจมี design ไว้แล้วแหละระบบนี้ แต่อยากดูที่คุณออกแบบมา
งั้นรอดู design ด้วยคน
|
 |
 |
 |
 |
Date :
2010-07-01 10:46:52 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|

ตามรูปน่ะครับ... ผมอยากได้ตารางการจองที่แสดง7 วัน ช่องแรกจะเป้นตารางของวันที่ปัจจุบัน
ผมอยการู้ว่าจะต้องเขียนโค็ดอย่างไรในตาราง ให้มันเรียกใช้ฟังค์ชันตรวจสอบข้อมูลและคำสั่งที่ให้สีของช่องเปลี่ยนน่ะครับ
ขอบคุณครับ
|
 |
 |
 |
 |
Date :
2010-07-01 12:48:42 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แล้วมี feature อื่นอีกปะ เช่น
- ยกเลิก
- รถคันไหน
- สถานที่ที่ไป (มีแล้ว)
- ผู้ใช้ (มีแล้ว)
- เลขไมล์เริ่มต้น
- เลขไมล์หลังคืนรถ
ปล. ก็ยังมองว่าไม่เห็นมีอะไรเลยอยู่ดี
|
 |
 |
 |
 |
Date :
2010-07-01 12:58:57 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อ่อมีครับ ..... (แต่ไม่ได้เก็บเลขไมล์เริ่มต้น-คืน)
คือส่วนที่ทำตอนนี้คือ แค่การแสดงสถานะของรถว่ารถถูกจองช่วงเวลาใหน เพื่อจะได้รู้ว่ารถถูกจองไปที่ใหน....แล้วใครไป
ซึ่งก็แสดงเป็นตารางโดยดึงข้อมูลของเวลาที่ใช้ ถึง สิ้นสุด ครับ
|
 |
 |
 |
 |
Date :
2010-07-01 13:08:22 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
layout ตามนี้

คลิกที่รูปรถเพื่อกรอกข้อมูลการจอง
- เลือกวัน-เวลาที่ต้องการจอง
- สถานที่ที่จะไป
- ชื่อผู้จอง ไม่ต้องเพราะใช้ระบบ login
เมื่อกดบันทึก ก็ให้ทำงาน validate ว่ามีการจองซ้ำช่วงเวลาเดียวกันหรือไม่
ถ้ามีก็ให้มี message บอกว่า จองไม่ได้
ถ้าว่างก็บันทึกลงฐานข้อมูล แล้วแสดงผลลงที่ตาราง
ส่วนตารางก็ไม่เห็นมีอะไร แถบการจองก็ให้สร้างจาก div+css+javascript กำหนดให้ onmouse over
ให้แสดง detail การจอง และมีปุ่ม cancel ไว้สำหรับให้ผู้ที่จองสามารถยกเลิกงานของตัวเองได้
ง่ายๆ เชื่อผมลองทำดู แต่ยังแนะนำให้เก็บเลขไมล์นะ เพราะเดี๋ยวเขียนว่าไปปากซอย แต่เลขไมล์วิ่งไป 500 กิโลทำไง
|
 |
 |
 |
 |
Date :
2010-07-01 14:12:30 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
พอมีตัวอย่างโค็ดไม่ครับ
ผมไม่รู้ว่า ช่องของตารางนั้นมันใช้คำสั่งอะไร มันเรียกฟังชันอย่าไร แล้วจะทำให้ช่องม่านทึบนั้นใช้คำสั่งไร (ผมไม่เคยเขียนมาก่อน นี้ครั้งแรก) งง
เครียดๆๆๆ
|
 |
 |
 |
 |
Date :
2010-07-01 14:33:43 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่มีโค้ดครับ
ส่วนที่จะให้ช่องเป็นสีทึบ แบบเบสิคสุดๆ ก็ใช้ css กำหนด td { background-color: color; }
|
 |
 |
 |
 |
Date :
2010-07-01 14:51:26 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ปัญหาของคุณคือ ไม่รู้วิธีควบคุม cell ของ table ครับ
ดังนั้นวิธีฝึกคือ ต้องลองเขียนโดย hard code ลงไปก่อน
เพื่อดูผล พอเข้าใจแล้วก็สามารถประยุกต์เป็นแบบ dynamic ได้
ลองดูโค้ดด้านล่าง แล้วลองทำตามดู
Code (ASP)
<table cellspacing="0" cellpadding="5" style="width: 400px; border: 1px solid black;">
<tr>
<td rowspan="3">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td colspan="2">6</td>
</tr>
<tr>
<td colspan="3">7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
|
 |
 |
 |
 |
Date :
2010-07-01 15:26:30 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
คับ...ขอบคุณครับ
แล้ว การ call คือ ... ช่วยอธิบายหน่อยได้ไม่ครับ ตอนนี้สมองทึบแล้วครับ
|
 |
 |
 |
 |
Date :
2010-07-01 15:46:25 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
call อะไรของคุณ
|
 |
 |
 |
 |
Date :
2010-07-01 16:29:12 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ก็ที่บอกว่า ควบคุมการ call ของ table ...น่ะครับ
แล้วม่านควบคุมอย่างไรครับ
|
 |
 |
 |
 |
Date :
2010-07-02 10:43:22 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
CELL ค่ะ ไม่ใช่ CALL
|
 |
 |
 |
 |
Date :
2010-07-02 10:49:28 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อ่อครับ โทษที่ครับ .. cell
ไม่ทราบว่าพอมีโค้ดตัวอย่างไม่ครับ.... ผมไม่ get อ่ะครับ หรือ พวกบทเรียนหรือเปล่าครับ
ไม่ไหวจริงๆ สับสน
|
 |
 |
 |
 |
Date :
2010-07-02 13:03:31 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
กรุณาดู no.14 ดูแล้วจำ จำแล้วทำความเข้าใจ เข้าใจแล้วนำไปปฏิบัติ
ที่นี่ไม่มีแบบสำเร็จรูปให้หรอกครับ
|
 |
 |
 |
 |
Date :
2010-07-02 13:09:20 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ผมดูแล้วครับ......จะถามไงดีผมถามไม่ถูกอ่ะ
คือว่า ช่องตารางหนึ่งจะต้องมีการเรียกใช้ฟังชันค์เพื่อ
1.ตรวจสอบค่าจากตารางการจองในฐานข้อมูล ว่ามีจองในเวลานี้ม่าย
2 เมื่อมี กำหนดให้ช่องเวลาดังกล่าวเป้นสีดำ (ถ้าไม่ก็เหมือนเดิม)
ไม่ทราบว่าจะเริมต้นอย่างไรดี....
ปันหาตอนนี้คือ
1.ผมไม่รู้ว่าจะต้องเขียนอะไรในช่องตารางนั้นเพื่อเรียกใช้ฟังชันค์
2. ผมไม่รู้ว่าจะส่งค่ากลับมายังช่องนั้นให้เปลี่ยนสีอย่างไร
>>และผมไม่รู้ว่าความต้องการนี้ ม่านทำได้หรือเปล่า <<
-ขอขอบคุณอีกครั้งน่ะครับที่ยังตอบกระทู้ผมนี้
รบกวนชี้แนะด้วยครับ ทุกการชี้แนะจะนำไปเรียนรู้ครับ
|
 |
 |
 |
 |
Date :
2010-07-02 14:02:49 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
สู้ๆๆๆ ค่ะ แวะมาให้กำลังใจ 
ทุกการทำงาน ย่อม ต้องการกำลังใจ เพื่อให้มีแรงสู้ต่อไป  
|
 |
 |
 |
 |
Date :
2010-07-02 14:11:51 |
By :
mah_comsci |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
พอ hardcode คล่องแล้ว ก็ลองเขียนแบบ dynamic
โดยใช้ Reponse.Write tag html ครับ ซึ่งตรงนี้เราสามารถใช้โปรแกรม
ตรวจสอบข้อมูลจาก database เพื่อกำหนด colspan ให้แก่ table ได้
|
 |
 |
 |
 |
Date :
2010-07-02 16:21:25 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ดุอะพี่ตึ๋ง นั่งทานน้ำเย็นๆคให้เย็นใจคะ
|
 |
 |
 |
 |
Date :
2010-07-04 14:33:33 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ตัวอย่างก็ให้แล้ว อธิบายก็อธิบายแล้ว
ทำไมไม่ทำซะที จะเอาแต่โค้ดท่าเดียว
|
 |
 |
 |
 |
Date :
2010-07-04 21:08:16 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
dynamic content พื้นฐานต้องแข็งแรงค่ะ ถึงจะ control ได้ดังใจ
อ่อ code dynamic page ที่พี่ตึ๋งเคยลง เอาไปใช้และเจอ อะไรแปลกๆนะคะ
ตรง add script ที่ส่วน header ถ้า page ไม่อยู่ใน sub directory ก้อถูกค่ะ
ส่วน sqldatamanager พี่ตึ๋งนี้ใช้แล้วอึดอัดนิสนึงค่ะ พี่ตึ๋งบีบให้ inherit จาก abstract class
ออกมา ตัว bussiness logic เลยต้องมาเกาะกันเป็นก้อน แต่ถ้า app ใหญ่ มันจะแยกเป็นส่วนๆ
เพื่อถอดเข้าออกแบบ plug-in อะค่ะ ถ้าโดนบีบให้เป็นก้อนเดียวมะรุดิคะ
หรือว่าจะไม่ชินสะมากกว่าคะ
ส่วนคุณเจ้าของกระทู้ถ้ายังมีเวลาก้อฝึก เขียน tag ต่างๆ ใน asp.net ให้คล่องๆค่ะ
หนึ่งชิ้นงานเราจะใช้ com[onent มากกว่าหนึ่งตัว ถ้าลองใช้ใหม่จะรู้สึกใช้ยากๆ
แต่นานๆไปจะชินไปเองค่ะ อย่างที่พี่ตึ๋งแนะนำคือ ค่อยๆลองเขียน code
สร้างตารางมา แล้วค่อยๆปรับให้เขียนด้วย function ค่ะ control ที่คุณต้องใช้
ค่อนข้างจะซับซ้อน พยายามเข้านะคะ
|
 |
 |
 |
 |
Date :
2010-07-04 22:56:43 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่ลองแล้วจะรู้หรือว่า abstract base class เป็นแบบไหน
ผมก็ใช้ทุกแบบแหละ (ถ้าสังเกตดูนะว่า class sqldatabse ไม่เคยซ้ำกันเลย)
แต่ก็ชอบคุณสำหรับคำแนะนำนะ

|
 |
 |
 |
 |
Date :
2010-07-05 08:51:08 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณครับทุกท่านที่ให้ความรู้
พอดีเสาร์ อาทิตย์ ที่หอม่ายมีเน็ต ....น่ะครับ
ก็ได้ดูหนังสือด้วยครับ (ทำไม่ม่านไม่มีเกี่ยวกับการสร้างตารางไรพวกนี้เลย)
|
 |
 |
 |
 |
Date :
2010-07-05 09:37:53 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ม่านเป็นไรครับ...ช่วยที
ดู ดีไซย์ม่ายได้ วันศุกร์ เสาร์ยังได้เลย
https://www.thaicreate.com/upload/stock/20100705101104.jpg
|
 |
 |
 |
 |
Date :
2010-07-05 10:49:57 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อะช่วย

|
 |
 |
 |
 |
Date :
2010-07-05 11:15:21 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
การสร้างตารางจะเป็น หนังสือสอนการเขียน HTML ค่ะ
มันต้องเอามาประยุกต์กันนิดโหน่ย อย่าง code ของพี่ตึ๋ง
ถ้าเอามาเขียนจะได้ประมาณนี้ค่ะ
Code (VB.NET)
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If (Not Page.IsPostBack) Then
Response.Write("<table cellspacing=\"0\" cellpadding=\"5\" style=\"width: 400px; border: 1px solid black;\"> " + vbCrLf)
Response.Write(" <tr> " + vbCrLf)
Response.Write(" <td rowspan=\"3\">1</td> " + vbCrLf)
Response.Write(" <td>2</td> " + vbCrLf)
Response.Write(" <td>3</td> " + vbCrLf)
Response.Write(" </tr> " + vbCrLf)
Response.Write(" <tr> " + vbCrLf)
Response.Write(" <td>4</td> " + vbCrLf)
Response.Write(" <td>5</td> " + vbCrLf)
Response.Write(" </tr> " + vbCrLf)
Response.Write(" <tr> " + vbCrLf)
Response.Write(" <td colspan=\"2\">6</td> " + vbCrLf)
Response.Write(" </tr> " + vbCrLf)
Response.Write(" <tr> " + vbCrLf)
Response.Write(" <td colspan=\"3\">7</td> " + vbCrLf)
Response.Write(" </tr> " + vbCrLf)
Response.Write(" <tr> " + vbCrLf)
Response.Write(" <td>8</td> " + vbCrLf)
Response.Write(" <td>9</td> " + vbCrLf)
Response.Write(" <td>10</td> " + vbCrLf)
Response.Write(" </tr> " + vbCrLf)
Response.Write("</table> " + vbCrLf)
End If
End Sub
ลองเอาไปรัน จากนั้น ลองเพิ่ม/ลด แถว คอลัมภ์ ดูค่ะ
จากนั้นมาประยุกต์ หลอม cell ทั้งแนวนอนแนวตั้งไปเรื่อยๆ
แล้วพยามเขียนเป็น method เพื่อสร้างตารางออกมาค่ะ
ประมาณว่า
CreateTable ( ByVal totalRow As Integer ,ByVal totalColumn As Integer )
ออกมาดูทีค่ะ
|
 |
 |
 |
 |
Date :
2010-07-05 11:43:02 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่ได้ม่านerror อาจเป็นเพราะว่า vs ผมม่านเป็นอย่างที่โพสไว้เปล่าก็ม่ายรู้
Response.Write("<table cellspacing=\"0\" cellpadding=\"5\" style=\"width: 400px; border: 1px solid black;\"> " + vbCrLf)
แต่พอเปลียนเป็น
Response.Write("<table cellspacing=\'0\' cellpadding=\'5\' style=\'width: 400px; border: 1px solid black;\'> " + vbCrLf)
ม่านได้ แต่ตารางไม่ขึ้น มีเฉพาะตัวเลข
คุ่ยเอ็มได้เปล่าครับ คือว่าปัณหามานอธิบายไม่ถูกน่ะ
[email protected]
....ขอบคุณครับ...
|
 |
 |
 |
 |
Date :
2010-07-05 15:08:50 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
vb ไม่มี \" ให้เปลี่ยนเป็น "" แทน
|
 |
 |
 |
 |
Date :
2010-07-05 15:25:50 |
By :
tungman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ปวดหมองจิงๆๆ ...
มีหนังสือแนะนำเปล่าครับ เย็นจะไปซื่อน่ะครับ
ตอนนี้ผมติดตั้ง VS ใหม่อ่ะครับ...
-ขอบคุณครับ-
|
 |
 |
 |
 |
Date :
2010-07-05 16:22:30 |
By :
santag |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
งือฉับฉนภาษาอะคะ ^ ^
|
 |
 |
 |
 |
Date :
2010-07-05 17:26:46 |
By :
blurEyes |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 03
|