2012年8月17日 星期五

{JQuery} 修改dialog 樣式與功能、按鈕事件

關閉dialog右上角叉叉功能
$('a.ui-dialog-titlebar-close').hide();

樣式修改
http://hi.baidu.com/zdz8207/item/4cb5726bcfc9d735ac3e83b7

在dialog上加按鈕
http://mini.nidbox.com/diary/read/193

其他屬性
http://www.phptogether.com/juidoc/dialog.html

dialog 按鈕事件

$("#dialog-confirm").dialog({
resizable: false,
height: 160,
modal: true,
buttons: {
"OK": function () {
//建立一個新的Option於select 控制項
varreason= $("#reason").val();
var newOption = $('<option value=' +reason+ '>' +reason+ '</option>');
$('#<%=ddlItemType.ClientID%>').append(newOption);
newOption.attr("selected", "true");
$(this).dialog("close");
},
Cancel: function () {
$(this).dialog("close");
}
}
});


參考資料:
http://lovang.iteye.com/blog/647317