jquery-dialog

DropDownList selected index changed Event inside jQuery dialog

时光总嘲笑我的痴心妄想 提交于 2019-12-24 08:04:51
问题 Problem: when dropdownlist selected index changes, another dropdownlist should be populated depending on the selected value. I am using webforms. In the masterpage I have this code which allows me to get postbacks from the jquery dialog: var dlg = $("#dialog-modal").dialog({ autoOpen: false, height: 250, width: 350, show: "fade", hide: "fade", modal: true }); dlg.parent().appendTo($("form:first")); When the dropdowndist changes the selected value, the server actually gets the postback and

How to use create Jquery Confirm Dialog before switching tabs

断了今生、忘了曾经 提交于 2019-12-24 06:44:41
问题 I am using jQuery 1.9+ I tried to popup a Jquery dialog modal to allow users to confirm before switching tabs. I tried following codes: $('#tabs').tabs({ beforeActivate: function(event, ui) { $('<div> Confirm Switching Tab </div>').dialog({ modal: true, title: "Confirm Action", buttons: { Yes: function(){ $(this).dialog('close'); return true; }, No: function(){ $(this).dialog('close'); return false; } } }); } }) The code above did popup the confirm dialog, however it still open the tab

asp.net form controls are unreadable when in a jQuery dialog, how do you fix it?

房东的猫 提交于 2019-12-22 10:49:49
问题 I've got a prickly one. I have an asp.net web forms page. In the page I have a div tag that I've set to be used as a jQuery dialog. In the div is some jQuery controls. I get the dialog to open up and clicking on one of the buttons commences postback. When the page was posting back the code-behind hasn't been reading the values in the controls. Of course a little delving into the html reveals that the dialog takes my div and moves it to the bottom of the html page OUTSIDE my asp.net form tag.

Show Close Button in Right side of jQuery Dialog

纵饮孤独 提交于 2019-12-21 03:56:09
问题 I have created a jQuery Dialog as in this Demo. It is working properly. close button is display in right side in there. but on my site, running on localhost, close button is display in left side as in below image. How can i solve this ? Close Button Style <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span

jQueryUI autocomplete not working with dialog and zIndex

北慕城南 提交于 2019-12-20 16:10:48
问题 I ran into an interesting issue with jQueryUI autocomplete in a dialog box. My dialog HTML looks like this: <div id="copy_dialog"> <table> <tbody> <tr> <th>Title:</th> <td><input type="text" class="title" name="title"></td> </tr> <tr> <th>Number:</th> <td><input type="text" name="number"></td> </tr> </tbody> </table> </div> When I run the jQueryUI autocomplete on the above HTML, it works perfect. When I open it up using dialog $('#copy').click(function() { $('#copy_dialog').dialog({ autoOpen:

How to Minimize/Maximize jQuery Dialog?

最后都变了- 提交于 2019-12-17 22:25:31
问题 I am using jQuery UI Dialog to show a video. The video is working fine. What I want to do is minimize the Dialog-element just like in an OS or something like that. A small icon like (" - ") that would minimize my dialog and when I press (*) it would close the dialog but keep the video running in the background. Here's my code //Watch Video $(".watchVideo").live('click',function(){ if($('div.ui-dialog').length){ $('div.ui-dialog').remove(); } var path = $(this).attr('rel'); var title = $(this)

Upload file using jQuery and post it to Controller

馋奶兔 提交于 2019-12-13 05:02:48
问题 I'm wondering if it would be possible at all to upload a file by posting it to a controller action in ASP.NET MVC. The dialog for this upload form will be dynamically generated and will be inside a jQuery dialog in my case. I'm aware of the file input element but I'm not sure how to send the file to a controller action, not sure how to set the action parameter 回答1: Your action should like this: [HttpPost] public ActionResult Upload(HttpPostedFileBase file) { if (file.ContentLength > 0) { var

Jquery dialog not opening second time

纵然是瞬间 提交于 2019-12-13 03:35:32
问题 Before dismissing this as a question that has already been answered, please have a look. I have implemented pretty much all the solutions provided in the other posts, with no luck. The modal opens perfectly the first time, but fails the second time. Modal is called from here: function myFx(id){ $.ajax( { type: "POST", url: "/mypath", data: { ZoneId: id }, dataType: "json", success: function (data) { $('#dialog-form').dialog('open'); } }, error: function (response) { } }); } The function is

loading page only after event raised from jquery modal dialog buttons

荒凉一梦 提交于 2019-12-13 02:08:59
问题 I am validating a form which has bit complex logic. where one after another validation is done. I mean if one validation is run then next validation depends upon first validation Eg, there are multiple select boxes if one box has negative value then another cannot have +ve value it must have negative value. and a message box is to be shown with showing the error and a message with a checkbox that says it is correct. and if it checks the box then they can enter both positive and negative value

jquery autocomplete with dialog updating value

故事扮演 提交于 2019-12-12 00:46:46
问题 I have a form that opens up in a dialog. One of the fields has autocomplete. All fields are built and server values are stored in them to pre-fill the form. var mydiv = jQuery("#editform"); var $myform = jQuery("<form id='EditForm' method='post' action='index.php?option=com_component&task=edit'></form>"); ... var $mylabel10 = jQuery("<label for='EditSelect'>A label</label>"); var $myinput9 = jQuery("<input id='EditSelect' name='EditSelect' type='text' />"); var $mylabel9 = jQuery("<label for=