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

HOME > .NET Framework > Forum > Fullcalendar ครับ สอบถามเกี่ยวกับการแสดง Event (MVC C#.net)



 

Fullcalendar ครับ สอบถามเกี่ยวกับการแสดง Event (MVC C#.net)

 



Topic : 128787



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



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



ผมต้องการแสดง event ของ fullcalendar ครับ ไม่รุ้ว่าจะต้องแกไขตรงใหน คือปกติแล้วจะแสดง event ดังรูปนี้ครับ

1

แต่สิ่งที่เป็นความต้องการของระบบต้องแสดงแบบนี้ครับ

2

ผมต้องเข้าไปแก้ที่ส่วนใหนครับ
คือต้องแสดงเป็น จุดสีข้างหน้าแทนการเป็นแถบสีคลุมเต็มตัวอักษรครับ
รบกวนด้วยนะครับ ขอบคุณครับ



Tag : .NET, CSS, JavaScript, Web (ASP.NET), MVC, C#









ประวัติการแก้ไข
2017-09-04 13:11:04
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-09-04 13:09:32 By : thongchai001 View : 1719 Reply : 4
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

มันเป็น HTML นะครับ คุณน่าจะต้องใช้พวก Client Script ในการดักจับ Event แล้วให้มัน PostBack ไปที่ C# ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-05 10:24:09 By : mr.win
 


 

No. 2



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



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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2017-09-05 10:24:09
รายละเอียดของการตอบ ::
ไม่เข้าใจความหมายอะครับ ช่วยอธิบายเพิ่มเติมได้ใหมครับ แต่เท่าที่ผมอ่านจากคำตอบเราน่าจะเข้าใจไม่ตรงกันนะครับ ประเด็นของผมไม่ได้อยู่ที่ว่า event ใหนจะใช้สีอะไรนะครับถ้าดักจับ event เพื่อใส่สีที่ต่างกันผมโอเคครับ แต่สิ่งที่ผมอยากได้คือ จะเปลี่ยนการใช้แถบสีคลุม event เป้น การใช้จุด หน้า event แทนอะครับ ไม่รุ้ว่าจะต้องทำยังไง (คือที่ผมทำตอนนี้คือเป็นแถบสีคลุมทั้ง event ซึ่งตรงนี้มันเป็นปลักอินที่ผมโหลดมาแล้วใช้เลยไม่ได้ไปแก้อะไร แต่ความต้องการคือ เป็นสัญลักจุดสีแบบรูปที่ 2 หน้า event ครับ)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-05 10:32:42 By : thongchai001
 

 

No. 3

Guest


ดูตรง events: ของ javascript ดีๆ มันไปโหลด ajax มา

Code (JavaScript)
$('#calendar').fullCalendar({
                    customButtons: {
                        activity: {
                            text: 'เพิ่มกิจกรรม',
                            click: function () {
                                window.location = '/Activity/Create';
                            }
                        }
                    },
                    header: {
                        left: 'activity',
                        center: 'title',
                        right: 'today prev,next',
                    },
                    buttonText: {
                        today: 'วันนี้',
                        month: 'เดือน',
                    },
                    //dayClick: function (date, jsEvent, view) {
                    //    window.location = '/Activity/Detail/' + date.format();
                    //},
                    defaultView: 'month',
                    eventLimit: true, // allow "more" link when too many events
                    navLinks: false, // can click day/week names to navigate views
                    locale: moment().locale('th'),
                    viewRender: function (view, element) {
                        setTimeout(function () {
                            var strDate = $.trim($(".fc-center").find("h2").text());
                            var arrDate = strDate.split(" ");
                            var lengthArr = arrDate.length;
                            var newstrDate = "";
                            for (var i = 0; i < lengthArr; i++) {
                                if (lengthArr - 1 == i) {
                                    var yearBuddha = parseInt(arrDate[i]) + 543;
                                    newstrDate += yearBuddha;
                                } else {
                                    newstrDate += arrDate[i] + " ";
                                }
                            }
                            $(".fc-center").find("h2").text(newstrDate);
                            $('.fc-toolbar').find('.fc-button-group').addClass('btn-group');
                            $('.fc-toolbar').find('.fc-button').removeClass('fc-state-default fc-corner-left fc-corner-right').addClass('btn btn-default btn-flat');
                            $('.fc-toolbar').find('.fc-prev-button').html($('<span />').attr('class', 'glyphicon glyphicon-chevron-left'));
                            $('.fc-toolbar').find('.fc-next-button').html($('<span />').attr('class', 'glyphicon glyphicon-chevron-right'))
                            $(".fc-left").find(".fc-activity-button").removeClass('fc-button btn-default').addClass('btn-primary').html('<i class="fa fa-plus-circle"></i> เพิ่มกิจกรรม');
                        }, 5);
                    },
                    events: {
                        url: '/Activity/Feed',
                        type: 'post',
                        data: {
                            '__RequestVerificationToken': $('input[name="__RequestVerificationToken"]', $('#__AjaxAntiForgeryForm')).val()
                        },
                        error: function () {
                            alert('there was an error while fetching events!');
                        },
                        //success: function (events) {
                        //    $('#calendar').fullCalendar('removeEvents');
                        //    $('#calendar').fullCalendar('addEventSource', events);
                        //    $('#calendar').fullCalendar('rerenderEvents');
                        //}
                        //color: 'yellow',   // a non-ajax option
                        //textColor: 'black' // a non-ajax option
                    }
                });
Code (C#)

       //
        // POST: Activity/Feed
        [Authorize]
        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Feed(string start, string end)
        {
            var currentUser = System.Web.HttpContext.Current.User;

            var startDate = DateTime.ParseExact(start, "yyyy-MM-dd", System.Globalization.CultureInfo.InvariantCulture);
            var endDate = DateTime.ParseExact(end, "yyyy-MM-dd", System.Globalization.CultureInfo.InvariantCulture);
            var output = new List<dynamic>();

                context.Activities
                    .Where(m => m.StartAt >= startDate && m.StartAt <= endDate)
                    .ToList().ForEach(m =>
                    {
                        output.Add(new
                        {
                            title = m.Name,
                            start = m.StartAt.AddDays(1).Date,
                            end = m.EndAt.AddDays(1).Date,
                            url = Url.Action("Detail", "Activity", new { id = m.Id }),
                            backgroundColor = m.StartAt.CompareTo(DateTime.Today) >= 0 ? "#3c8dbc" : "#f39c12", //Primary (light-blue), yellow
                            borderColor = m.StartAt.CompareTo(DateTime.Today) >= 0 ? "#3c8dbc" : "#f39c12", //Primary (light-blue), yellow
                        });
                    });

                return Json(output, JsonRequestBehavior.AllowGet);
        }

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-06 11:34:42 By : ห้ามตอบเกินวันละ 2 กระทู้
 


 

No. 4

Guest


@admin

mvc ไม่มี postback แล้ว

อธิบายแบบนั้นเดี๋ยวลูกค้าสับสนนะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-06 11:38:30 By : ห้ามตอบเกินวันละ 2 กระทู้
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Fullcalendar ครับ สอบถามเกี่ยวกับการแสดง Event (MVC C#.net)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 00
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 อัตราราคา คลิกที่นี่