2012-09-30 38 views
1

我使用jQuery对话框在创建新用户时显示详细信息表单。 我想在向服务器执行ajax请求时禁用表单,以在数据库中创建实际用户。Jquery对话框并未禁用所有输入和按钮

我使用$("#UserDetailsDialog").dialog("disable");方法来禁用对话框。

看来,这个方法只影响使对话框半透明的,但实际上并不可行的输入字段和\或对话框的按钮的UI:

这里是一个代码示例: fiddle-code


编辑:

我已经申请了票的jQuery UI的开发。团队,并得到了一个快速的“重复”答复。 看来,用于jQuery-UI对话框的$("#myDialog").dialog("disable")方法不会禁用输入,但只会将UI看起来像禁用。 此功能确实没有足够的文档记录。 这里是对tikect链接:dialog('disable') does not disable OK/Cancel buttons inside dialog

回答

2

没什么,它看起来像。 disable方法或其实际应该做的事情没有太多文档。

显然,disable方法/选项不会影响内容的对话框(或按钮,这是一个有点怪异)的,只是对话框本身。如果要禁用的对话框我会禁用按钮/输入手动,以及对输入:

$("#UserDetailsDialog").dialog("disable") 
    .closest(".ui-dialog") 
    .find(":input") 
    .prop("disabled", true); 

实施例:http://jsfiddle.net/andrewwhitaker/p7tV7/15/

0

尝试:

$("#UserDetailsDialog").dialog("option", "disabled", true); 
+0

完全相同rsult:[拨弄码](HTTP:/ /jsfiddle.net/ArthurV/tmfQS/) – Mortalus