jQuery Forum

Hi All,
I am working with asp.net & jquery. I have created several function & attached events(click, change, mouseover etc) to my controls. All is working fine except one thing.

1. If I declare any variable inside jquery block like below:
      $(function(){
            var _x=false;
            function _foo(){
                  alert('Some Text');
            }
      });

& If I try to set value of _x or If I want to call function _foo by registering the script via .net page, I am getting the error. "_foo is not defined."
Because I have to set the initial value of _x on the basis of few conditions. For variables, I found a solution. I declared _x outside the jquery block.
I don't know Is this correct way or not but it is working.

But in case of function, I cannot declare my function outside jquery block because there are several dependents functions which will call inside _foo.

Hi Experts,
I am using jquery version 1.9.0.
I am facing problem with custom data attributes. As HTML5 introduced the custom data-* tags. I have a HTML tag which has "data-role" custom attribute. I can fetch the value via:

$('selecter').data('role');

this code works fine. But I have to select all those tags which have data-role custom attribute. I have tried:

$("div[data-role='value']")

but it doesn't work. I have also tried

$("selector").prop("data-role").

but this is also not working. If I use $("selector").attr("data-role"), then works but as JQuery team says that in the future versions, attr will be depreciated. I don't want to use attr.
 
I have searched several forums & most of them is saying that
$("div[data-role='value']")

will work. But It is not working. I have tried a very simple code:

$("div[data-role='filter-type']").html() 
But it returns undefined.

Please help me to sort out this problem.

Hi Experts,
I am using autocomplete plugin & it is fine. Now I have a bit different scenario. My auto complete will work only for few selected words/phrases. So, I have decided to check the work/phrase entered by user.
I have used Search event where I check the word. Now my question comes into light. Below is the Search event syntax:

search( event, ui ){}

Hi,
I am using datepicker in my page for user's date of birth. It is working fine when user first time enters his/her date of birth. But when he want to update date of birth then datepicker doesn't set its initial value. But It can set another date when user selects date. It doesn't show previous selected date.
My datepicker is inside an Update Panel. below is code the which I am using.

Because My datepicket is inside update panel, that's why I have used function & then I have registered this function. So that jqiery will also work after updating the panel.
For Creating the datepicker control:

function BindJQueryControls() { 
$('#DateOfBirth').datepicker({ 
altField: '#<%# txtDateOfBirth.ClientID %>', 
altFormat: "mm/dd/yy",
changeMonth: true, 
changeYear: true, 
showOtherMonths: true, 
selectOtherMonths: true });
$('#DateOfBirth').datepicker("option", "showAnim", "blind");
}

I have placed below script inside my update panel:

<script type="text/javascript">  
if (typeof BindJQueryControls== 'function') 
Sys.Application.add_load(BindJQueryControls);  </script>

Above Code is working fine when User select date.
At the time of update, I am using below script from Code behind to set datepicker's value.

string strDOBScript = @"$(function () { $('#DateOfBirth').datepicker(""setDate"", """ + strDateOfBirth + @""");});";
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "insexdt", strDOBScript , true);

I have also tried hard coded data at the end of page:

$('#DateOfBirth').datepicker("setDate", "01/12/2013");
But doesn't work.

If I place above code in a separate page without update panel, it is working smoothly.

Can someone please tell me where I am doing wrong?

--
Anuj Rathi

Hi experts,
 I am using jquery  auto complete. This is working fine if I use it with Local array. Also working fine with ajax call to fetch data from remote URL.
I am working in Asp.NET & if any one of you is familiar with "CALLBACK"  feature using ICallbackEventhandler to make a asynchronous call to fetch data from server side, then you can understand my problem.

I am using asp.net "callback" feature to get data from server. Data is coming properly (I checked by alert function.) but autocomplete plugin is not showing correct data.

it is showing old data means suppose minLength property  is 2 & If I type "ca" then nothing will happen. If I type one more letter (suppose car), then it will show result of previous state means results of "ca" & again if I write or remove a letter, then autocomplete shows result of "car". I am very surprise. This is only few lines of code. Please help me to find out the bug. Code is given below:

<script type="text/javascript">
        var responseFromServer;
        function ReceiveServerData(arg, context) { responseFromServer = arg;       }
        $(function () {
            function getResponsedata() { return $.parseJSON(responseFromServer);            }
            $("#autocompletetest").autocomplete( { minLength: 2,
                    source: function (request, response) {             
                        CallServer(request.term, "");               // Callback function which is called by asp.net        
                        response(getResponsedata());                       
                    }  } );  } );   
    </script>

HTML to show autocomplete options:
<div class="ui-widget">
            Enter some text: <input type="text" id="autocompletetest" />  </div>

Server side code to get asynchronous data:

public string _callbackResult = string.Empty;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ClientScriptManager cm = Page.ClientScript;
            String cbReference = cm.GetCallbackEventReference(this, "arg", "ReceiveServerData", "context");
            String callbackScript = "function CallServer(arg, context) {" + cbReference + "; }";
            cm.RegisterStartupScript(this.GetType(), "CallServer", callbackScript, true);
        }
    }

    public string GetCallbackResult()
    {
        return _callbackResult;
    }

    public void RaiseCallbackEvent(string eventArgument)
    {
        string strKeyword = eventArgument;
string strJSON;
       // Serverside coding to get data in strJSON according to input string        
        _callbackResult = strJSON;
    }


accoring to above coding, correct data is coming from server but wrong data is displaying in autocomplete.
Please help me find out the issue.

--Anuj rathi