easyUI中service中弹出dialogg的问题,急求助

匿名用户不能发表回复!|  对话框用于,像添加操作,需要表单数据录入的情况。并且,录入表单在默认的情况下面是隐藏的。在点击&添加&的时候,弹出对话框,来进行录入。
& &当modal属性值为true时,弹出对话框后,对话框的底层是不可以进行操作的。
2.title,width,height
& &分别表示对话框的标题,宽度,高度。
3.collapsible,minimizable,maximizable
& &默认情况下,对话框右上角的操作按钮只有关闭。通过这3个属性,可以为对话框添加:折叠、最小化、最大化按钮。
4.resizable
& &该属性用于说明对话框的大小是否可以调节。
&5.iconCls
  这个属性可以修改对话框左侧的图标和title一起说明该对话框的用途。
iconCls:'icon-add1'
弹出对话框之前,先将其显示,否则对话框将无内容
  虽然可以有css载入,或者在dialog中使用href引入对话框的方式。但是,我喜欢将弹出的内容直接写在页面里面,隐藏起来,然后触发弹出。
&input type="button" id="add" value="添加" /&
&div id="dialog" style="display:"&
&input type="text" id="name" /&&br /&
&input type="text" id="age" /&
&script type="text/javascript"&
$(document).ready(function () {
$("#add").click(function () {
$("#dialog").show();//必须先显示,再弹出
$("#dialog").dialog({
title: "添加",
width: 400,
height: 200
  toolbar显示的位置在对话框内容的左上方,而buttons显示的位置在对话框内容的右下方,它们的使用方式基本相同。toolbar和buttons的值是数组,格式如下:
{text:'Edit',iconCls:'icon-edit',handler:function(){...}},
  其中,text是按钮的名称,iconCls是按钮的图标,handler是按钮点击时触发的事件。另外,还可以为按钮配置id属性。配置id属性的好处是,在点击按钮后,我们希望按钮禁用。然后,等待事件处理完毕,再启用按钮。
$('#按钮id').linkbutton('disable');
$('#按钮id').linkbutton('enable');
  buttons的使用和toolbar一样,下面通过一个例子演示一下。
&input type="button" id="add" value="添加" /&
&div id="dialog" style="display:"&
&input type="text" id="name" /&&br /&
&input type="text" id="age" /&
&script type="text/javascript"&
$(document).ready(function () {
$("#add").click(function () {
$("#dialog").show();
$("#dialog").dialog({
title: '添加',
width: 400,
height: 200,
modal: true,
buttons: [{
text: 'Edit',
id: 'Edit',
iconCls: 'icon-edit',
handler: function () {
$('#Edit').linkbutton('disable');
type: "POST",
url: "..",
async: false,
data: null,
success: function (data) {
$('#Edit').linkbutton('enable');
text: 'Help',
iconCls: 'icon-help',
handler: function () {
alert('');
& & &dialog的事件从window中继承,而window又从panel中继承。所以,dialog可定义onLoad、onClose这些事件来进行相关处理操作。
&通过href将对话框内容和当前页面分开
function akmaterial_add() {
$("&div&&/div&").dialog({
id: "akmaterial_add_dialog",
href: "AkMaterial/Add",
title: "添加物料",
height: 400,
width: 500,
modal: true,
buttons: [{
id: "akmaterial_add_btn",
text: '添 加',
handler: function () {
$("#akmaterial_addform").form("submit", {
url: "AkMaterial/AddProcess",
onSubmit: function () {
$('#akmaterial_add_btn').linkbutton('disable');
if ($(this).form('validate')) {
return true;
$('#akmaterial_add_btn').linkbutton('enable');
return false;
success: function (data) {
var result = eval('(' + data + ')');
if (result.Success) {
$("#akmaterial_add_dialog").dialog('destroy');
$.show_warning("提示", result.Message);
akmaterial_databind();
$('#akmaterial_add_btn').linkbutton('enable');
$.show_warning("提示", result.Message);
onLoad:function() {
onClose: function () {
$("#akmaterial_add_dialog").dialog('destroy');
在WebForm中,弹框里的服务器控件无响应
var dlg = jQuery("#dd").dialog({
draggable: true,
resizable: true,
closed:true,
show: 'Transfer',
hide: 'Transfer',
autoOpen: false,
width:600,
minHeight: 10,
minwidth: 10
dlg.parent().appendTo(jQuery("form:first"));
阅读(...) 评论()easyui中easyui-dialog显示问题!_百度知道
easyui中easyui-dialog显示问题!
body&#win').window('close')&,但是页面加载后会显示出来;javascript:$('中加入onload=&quot!然后我在&lt我在一个jsp页面创建了一个easyui-dialog,可是页面加载时会显示,然后才关闭
我有更好的答案
easy ui 的dailog应该有个data-option参数,如果没记错的话应该是open:false就默认不打开了 去查一下文档就知道了 按你上面的方法,怎么都会闪一下
#'+dialog_name);).dialog('close&#39$(&#39
onload=&javascript:$('#dialog_id').window('close')&;差不多啊 ,难道说我写错位置了!应该写在什么地方啊
直接在&head&&script&
........&/script&&/head&
为您推荐:
其他类似问题
dialog的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jquery easyui 的dialog 方法关闭事件_百度知道
jquery easyui 的dialog 方法关闭事件
就是用户直接点那个 “X”
关闭的时候可以获取事件不,怎么获取,最好给个实例,谢谢。
我有更好的答案
咩哈哈 终于叫我找到了。 $('#dialogDiv').dialog({
onClose:function(){
采纳率:37%
为您推荐:
其他类似问题
您可能关注的内容
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 android中的dialog 的文章

 

随机推荐