Tag: jquery dialog

Jquery对话框没有第二次打开

在将此作为已经回答的问题解雇之前,请查看。 我已经实现了其他post中提供的几乎所有解决方案,没有运气。 模态第一次完美打开,但第二次失败。 Modal从这里调用: function myFx(id){ $.ajax( { type: “POST”, url: “/mypath”, data: { ZoneId: id }, dataType: “json”, success: function (data) { $(‘#dialog-form’).dialog(‘open’); } }, error: function (response) { } }); } 该函数位于$(document).ready()内。 萤火虫没有错误。 单击按钮,我调用myFx()并传递id: 。 并初始化如下: var myModal = $(‘#dialog-form’).dialog( { autoOpen: false, modal: true, height: 290, width: 475, buttons: { ‘Save’: function […]

jquery自动完成,对话框更新值

我有一个在对话框中打开的表单。 其中一个字段具有自动完成function。 构建所有字段并将服务器值存储在其中以预填充表单。 var mydiv = jQuery(“#editform”); var $myform = jQuery(“”); … var $mylabel10 = jQuery(“A label”); var $myinput9 = jQuery(“”); var $mylabel9 = jQuery(“Another label”); var $myinput8 = jQuery(“”); //path is a value passed in from the server $myform.append(… $mylabel10, $myinput9, $mylabel9, $myinput8); mydiv.append($myform); //autocomplete code – order is important to have autocomplete go […]

JQuery Accordion:如何将其嵌入到对话框中?

我想设计一个包含3个部分手风琴的对话框,有谁知道如何实现这个目标? 我正在尝试使用JQuery手风琴的例子,但仍然没有成功。 我很感激你的想法。

如何在切换选项卡之前使用创建Jquery Confirm Dialog

我正在使用jQuery 1.9+ 我试图弹出一个Jquery对话框模式,以允许用户在切换标签之前进行确认。 我试过以下代码: $(‘#tabs’).tabs({ beforeActivate: function(event, ui) { $(‘ Confirm Switching Tab ‘).dialog({ modal: true, title: “Confirm Action”, buttons: { Yes: function(){ $(this).dialog(‘close’); return true; }, No: function(){ $(this).dialog(‘close’); return false; } } }); } }) 上面的代码确实弹出了确认对话框,但它仍然打开选项卡,因为beforeActivate事件实际上在用户单击对话框按钮返回true / false之前返回。 然后我想出以下代码。 $(‘#tabs’).tabs({ beforeActivate: function(event, ui) { $(‘ Confirm Switching Tab ‘).dialog({ modal: true, title: “Confirm […]

操作DOM时的ASP.NET ViewStatevalidation

我是,使用jQuery和ASP.NET来显示包含按钮的对话框。 经过一些搜索后,我通过添加更多JavaScript来将对话框附加到表单中,从而使对话框中的按钮工作。 var dlg = $(‘#ctl00_ctl00_PageContent_PageContent__pnlPopup’).dialog({ autoOpen: false, height: 180, width: 500, modal: true, draggable: true }); dlg.parent().appendTo($(‘form:first’)); // without this, controls in the dialog are non-functional 这工作正常,直到我打开对话框,关闭它,然后尝试在父页面上使用像ComboBox或LinkBut​​ton这样的控件。 此时我收到ViewStatevalidation错误: 无法加载viewstate。 加载viewstate的控制树必须与在上一个请求期间用于保存viewstate的控制树相匹配。 例如,在动态添加控件时,在回发期间添加的控件必须与初始请求期间添加的控件的类型和位置相匹配。 有没有办法解决? 我半看到它为什么会发生 – jQuery正在改变文档的结构,但我不完全确定这是如何/为什么这会影响ViewState。

如何在C#中的jQuery Dialog中从GridView获取值

在我的aspx页面里面有一个带有GridView的jQuery Dialog 。 还有一个按钮作为保存在jQuery Dialog 。 在C#单击此按钮后,我需要在GridView获取值。 我试过如下。 但没有奏效。 我在TextBox更改了值,然后单击“ 保存”按钮。 但它并没有给我编辑价值。 没有回来。 ASPX /* Java scripts and style sheets are here */ function showDialog() { $(‘#dialogDiv’).dialog(‘open’); } $(document).ready(function () { $(‘#dialogDiv’).dialog({ autoOpen: false, resizable: true, width: 300, height: ‘auto’, buttons: { “Save”: function () { $(‘#’ + ”).trigger(“click”); } } }); }); <asp:TextBox ID="txtType" […]

DropDownList选中索引在jQuery对话框中更改了Event

问题:当下拉列表选择索引更改时,应根据所选值填充另一个下拉列表。 我正在使用webforms。 在masterpage中我有这个代码,它允许我从jquery对话框中获取回发: var dlg = $(“#dialog-modal”).dialog({ autoOpen: false, height: 250, width: 350, show: “fade”, hide: “fade”, modal: true }); dlg.parent().appendTo($(“form:first”)); 当dropdowndist更改所选值时,服务器实际上获得回发并查找信息到数据库,然后我绑定到第二个下拉列表。 但是, 数据未显示在第二个DropDownList中 任何帮助将不胜感激。 更新:我在ContentPage中使用UserControl。 ContentPage和UserControl都有UpdatePanels。 jQuery对话框显示UserControl,其中包含问题中描述的DropDownLists。 更新:如果我删除ContentPage的UpdatePanel,该对话框按预期方式工作。 它在下拉列表选择索引更改时执行绑定,这很棒! 但是,我最好在ContentPage中使用UpdatePanel,以避免在与GridView交互时进行完整的回发(排序,分页,编辑等)。 任何想法将不胜感激!

单击jQuery对话框按钮事件中的ASP.NET按钮

我有以下ASP.NET标记: You can see me! $(“#myForm”).dialog({ modal: true, width: 500, height: 200, resizable: false, buttons: { “Cancel”: function () { $(this).dialog(“close”); }, “Save”: function () { $(this).dialog(“close”); // I want to call btnSave_Click (by DOM-clicking the button?) } } }); $(“#myForm”).parent().appendTo(“form:first”); 我正在尝试使用jQuery.dialog生成的按钮来执行回发来代替ASP.NET按钮。 我该怎么做才能使按钮提交并调用btnSave_Click方法? 编辑 “Save”: function () { $(this).dialog(“close”); document.getElementById(“”).click(); } ……有效,但这是最好的解决方案吗?

jQuery通用代码

我在我的应用程序中使用jQuery模式对话框来处理正常的CRUD操作。 在某些情况下,我甚至打开了两个堆叠的modal dialog。 然后我在外部javascript文件中创建了两个generics函数来分别处理CRUD表单的显示和提交。 为了显示modal dialog,我调用以下函数 function _loadDialog(level, action, id, title, onCloseHandler) { var panel = panels[level]; $(panel).dialog(“option”, “title”, title); var url = action; if (id != “”) url = url + “/” + id; $.ajax({ type: “get”, dataType: “html”, url: url, data: {}, success: function(response) { $(panel).html(”).html(response).dialog(‘open’); } }); $(panel).unbind(“dialogclose”).bind(“dialogclose”, function(event, ui) { if […]

TinyMCE和JQuery对话框:TinyMCE只在模态时读取:对话框中为true

我在Dialog插件中使用TinyMCD插件。 一切正常,直到我将对话框的模态参数设置为true。 当我这样做时,TinyMCE textarea仅在第一次打开对话框时才能正常工作,然后变为只读。 以下是我的代码示例: tinyMCE.init({ mode: ‘none’ }); var dlgComments = $(‘#dlgInternalComments’); if (dlgComments.length == 0) { dlgComments = $(”).attr(‘id’, ‘dlgInternalComments’), txtAreaComments = $(”).attr(‘id’, ‘txtInternalComments’).appendTo(dlgComments); dlgComments.dialog({ height: 300, width: 800, modal:true, open: function () { if ($(‘#txtInternalComments_parent’, $(this)).length == 0) { var ddd = {mode:’none’}; //$.extend({}, Globals.RichTextBox, { mode: ‘none’ }); txtAreaComments.tinymce(ddd); } }, […]