Search jQuery

jQuery Forum

Screen name:
bitcosoftware

bitcosoftware's Profile

8 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

autocomplete in ASP.NET using ScriptManager broken in Firefox with jQuery 1.9.0

[0Replies]

24-Jan-2013 03:49 AM
Forum: Using jQuery

I have spent a couple of days on this and narrowed down the issue. I am using the autocomplete with the new jQuery 1.9.0 and during the select function of the autocomplete I call __doPostBack to send the result back to ASP.NET. Here is my code:

    <script type="text/javascript">

         $(document).ready(function () {

            $('.QuickSearch').each(function (index, value) {

                 var QuickSearchURL = $(this).attr('qsURL');

                 var QuickSearchWidth = $(this).attr('qsWidth');

                 $(this).css('width', QuickSearchWidth);

                 $(this).autocomplete({

                     source: function (request, response) {

                         $.ajax({

                             url: QuickSearchURL,

                             data: "{ 'filterby': '" + request.term + "','CONID':'" + getQuerystring('CONID') + "'}",

                             dataType: "json",

                             type: "POST",

                             contentType: "application/json; charset=utf-8",

                             dataFilter: function (data) { return data; },

                             success: function (data) { response($.map(data.d, function (item) { return { label: item.label, value: item.value} })) },

                             error: function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); }

});

},

                     minLength: 1,

                     autoFocus: true,

                     delay: 0,

                     appendTo: 'form',

                     select: function (event, ui) {

                         var submitpostaback = $(this).attr('qsPostBack');

                         var postbacktype = $(this).attr('qsType');

                         var selectedValue = ui.item.value;

                         $(this).val(selectedValue);

                         if (submitpostaback == 'true') {

                             if (ui.item) {

                                 __doPostBack('SEARCHCOMPLETE', selectedValue + '|' + postbacktype);

```
                 });
```
```
             });
```
```
         });
```

         function getQuerystring(key, default_) {

             if (default_ == null) default_ = "";

             key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");

             var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");

             var qs = regex.exec(window.location.href);

             if (qs == null)

                 return default_;

```
             else
```

                 return qs[1];

```
         }
```
```
     </script>
```

How to reproduce the problem:

1) Create an ASP.NET page, add a control for the autocomplete, add the code for it with a postback using __doPostBack.
2) Make sure you add the Scriptmanager control to the page.

Run the application. When you select an item in the list and click on it, this should postback the result.

This will work in IE and CHROME but will not work in Firefox. If you remove the scriptmanager it will work in all three.

If you replace the jQuery with version 1.8.7 it will work in all three as well. So there is some kind of conflict with the new version of jQuery 1.9.0 and the scriptmanager.

Does anyone have any ideas?

Thanks,
Cory

Autocomplete broken in Firefox

[0Replies]

22-Jan-2013 10:31 PM
Forum: Using jQuery UI

I upgraded to the new UI and I am having a problem that is only happening in Firefox but not IE 10 or Chrome.

I am using the Autocomplete in ASP.NET and during the select I call this:

select: function (event, ui) {                     var submitpostaback = $('#hidSubmitPostback_PemitMain').val();                     $('#hidSelectedValue_PemitMain').val(ui.item.value);                     $('#txtQuickSearch_PemitMain').val(ui.item.value);                     if (submitpostaback == 'TRUE') {                         if (ui.item) {                             javascript: __doPostBack('<%= btnQuckSearch.UniqueID %>', '');                         }                     }                 }

The problem is that the POSTBACK never happens. I want to postback automatically to ASP.NET to process the selected item. This has worked in all browsers until the latest update. Now it only fails in Firefox?

Any suggestions?

jQuery Dialog Width based on Div

[1Reply]

05-Oct-2012 03:48 PM
Forum: Using jQuery UI

I thought I had this working, but I guess it is not. I am using the jQuery UI Dialog using the following:

        $('.DDialog').dialog(         {             position: 'center',             hide: 'explode',             show: 'puff',             autoOpen: false,             draggable: true,             resizable: true,             stack: false,             modal: true,             buttons: {                 ok: function (event, ui) {                     $(this).dialog('close');                 }             },             height: 'auto',             width: function (event, ui) { $(this).css('width'); },             maxHeight: 750,             open: function (event, ui) {                 $(this).attr('dialogstatus', 'open');                 LogDialogStatus();             },             close: function (event, ui) {                 $(this).attr('dialogstatus', 'closed');                 LogDialogStatus();             }         });

I am then defining my Divs as follows:

<div id="DefaultDialog_01" class="DDialog" title="PRIVACY POLICY" style="width: 900px;" dialogstatus="closed" runat="server" clientidmode="Static">     <uc1:Privacy ID="Privacy1" runat="server" /> </div> <div id="DefaultDialog_02" class="DDialog" title="TERMS OF USE" style="width: 900px;" dialogstatus="closed" runat="server" clientidmode="Static">     <uc3:TermsOfUse ID="TermsOfUse1" runat="server" /> </div> <div id="DefaultDialog_03" class="DDialog" title="SECURITY" style="width: 900px;" dialogstatus="closed" runat="server" clientidmode="Static">     <uc2:Security ID="Security1" runat="server" /> </div>

I want the Dialog to get the width of the div of the dialog that is to show. I am setting the width to 900px

How come the line in my dialog will not get that info? My dialog box ends up at 300px which is the default width of the dialog box. I am trying to make things dynamic so all I have to do is set some attributes in the div and jquery takes care of the rest.

Using height: 'auto' with maxHeight: 700 with Dialog
[0Replies]
- 06-Jul-2011 08:51 PM
- Forum: Using jQuery UI
What I would like is to have a dialog open up on the window with the AutoSize for height. But, if the information in the Dialog (a table of data) is quite long, I don't want the dialog to be huge in height. I can set the maxHeight to something like 700, but it only takes effect if the user resizes. Is there a way to make the dialog open up in autosize, but only maxout at the maxheight size?

Thanks,
Cory Jorgensen
Bitco Software

Selecting one item and manipulating muliple items.
[3Replies]
- 15-Apr-2011 01:24 AM
- Forum: Using jQuery
Ok, I am missing something here but this is what I want to do. I want to select a checkbox as such
$('chkRequired');

Easy enough. But I want to then use $(this).attr('checked','true'); and then $(this).show(); and then $(this).next().show();

How can I formulate that into something like:

$('chkRequired') ???? {
      $(this).attr('checked','true');
      $(this).show();
      $(this).next().show();
      };

Thanks,
Cory

Changing Attribute on Div is old value on postback
[1Reply]
- 03-Apr-2011 04:32 AM
- Forum: Using jQuery UI
I am using the UI Dialog....

I have the following code:
1. $('#adminDialogButtonOpen').click(function () { $('#adminDialog').dialog("open"); return false; });
  $('#adminDialogButtonCancel').click(function () { $('#adminDialog').dialog("close"); return false; });
2.         $(function ()
          {
              $('#adminDialog').dialog({
                  autoOpen: false,
                  modal: true,
                  height: 'auto',
                  width: $('#adminDialog').css('width'),
                  open: function (event, ui)
                  {
                      $('#adminDialog').attr('divStatus', 'open');
                  },
                  close: function (event, ui)
                  {
                      $('#adminDialog').attr('divStatus', 'closed');
                  }
              });
              $('#adminDialog').parent().appendTo($('Form:first'));
              var divStatus = $('#adminDialog').attr('divStatus');
              if (divStatus == "open")
              {
                  $('#adminDialog').dialog("open");
              }
          });
When I click on the OpenDialog button, it opens up the dialog and changes the divStatus on the DIV to 'open'. So, what is supposed to happen, is that when I postback and re-draw the screen, it looks at the divStatus and if it is open, then it will call the dialog('open').

But, when I postback to the system... the attribute divStatus is 'closed' even though I can see the status changed in the browser...

The reason for the postback, is because I have a dropdownlist in my dialog, and it modifies the dialog based on what is selected.

I figure, I can put the OPEN and CLOSE in a hidden field, but I wanted to use the attribute status without having to add another control to the page.

Why is the attribute not posting back with my changed value?

Thanks,

Cory Jorgensen

Bitco Software

jQuery UI ModalDialog Open after ASP.NET Postback
[0Replies]
- 30-Mar-2011 01:39 AM
- Forum: Using jQuery UI
I would like to know if there is a better way of doing this, even though I got it work it seems a little HACKY to me.

I have a grid full of data, my application has many grids of different types of data. I am using the MODAL DIALOG as a way of entering new records into the database. So, I display the grid... the user can remove items from the grid by deleting a LINK BUTTON that posts back but asks first if they want to remove that record. I run my SQL to delete the record. I also created a LINK Button in the first COLUMN of the ID of the record. I want them to click this button, in the POSTBACK event, I fill in the Dialog box with the existing data for that record. I then let them modify the data and click update. Which in turns writes the modified data to the database.

Problem:

In the code behind I fill in the form fields located in my Modal Dialog box. I now want that Dialog box to be visible so they can either cancel out of the edit, or continue to edit the data and click UPDATE.

I tried to register a startup script that runs this:

      $('#adminDialog').dialog("open");

But, for some reason, this script runs before my other jQuery scripts that is run after the document is ready. So basicaly, my dialog gets the open, and then it initializes it in the Document Ready portion of the script.

What I did to make this work, I created and attribute in my dialog div called divStatus='closed' and closed is the default. Since I have my autoOpen to false.

In my postback after I fill in the fields with the selected row of data, I then call this code:

      this
.adminDialog.Attributes.Add("divStatus", "open");

This sets the status of my dialog box to open. When the page reloads, and it intializes my dialog box, I added this:

      var divStatus = $('#adminDialog').attr('divStatus');
      if (divStatus == "open")
      {
            $('#adminDialog').dialog("open");
      }

This works, but seems HACKY to me.. is there a better way of doing this?

Thanks,

Cory Jorgensen

Bitco Software

Development problems with Browser Cache
[3Replies]
- 02-Jul-2010 01:46 PM
- Forum: Using jQuery
When I am developing using jQuery. It seems like I have to clear the browser cache for it to work with the latest changes. So if I make a small change and run the application, I have to clear the browser cache for it to load it again.

I am using IE 8, but I have the same problem in FF and I am not sure how to clear the browser cache in FF?

Is this normal? Is there a way to make it load it each time and not cache it?

Thanks,

Cory

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend