1. 程式人生 > >easyui dialog遠端載入內容完成後,進行對話內容(表單)初始化

easyui dialog遠端載入內容完成後,進行對話內容(表單)初始化

通過檢視easyui的幫助文件,dialog繼承於window,window繼承於panel,panel中有個onLoad事件,也就是當遠端資料載入完成後,觸發此事件。因此只要在此事件中對對話方塊中的內容進行初始化就可以了。

var $addEvent = $("#addEvent");
                    // 初始化對話方塊
                    $addEvent.dialog({
                        title: '新增待辦工作',
                        width: 400,
                        height: 250,
                        closed: false,
                        cache: false,
                        href: "page/AddEvent.html",
                        buttons: [{
                            text: '  確認  ',
                            handler: function () {
                                $title = $("#title");
                                alert($("#datebox").datebox("getValue"));
                                // 在日曆中增加事件
                                calendar.fullCalendar('renderEvent',
						        {
						            title: $title.val(),
						            start: start,
						            end: end,
						            allDay: allDay
						        },
						        true // make the event "stick"
					        );
                                calendar.fullCalendar('unselect');
                                $addEvent.window("close");
                            }
                        },
				            {
				                text: '  取消  ',
				                handler: function () {
				                    $addEvent.window("close");
				                    
				                }
				            }
				        ],
                        onLoad: function () {
                            $("#datebox").datebox("setValue", "2012-01-01");
                        }
                    });