How to pass an html td onclick event value in wcf service url for kendo ui in asp.net application?

Question

4.00/5 (1 vote)

See more:

I have an asp.net application in which I am using kendo ui charts. I have a html table in the aspx page and I am storing the html td onclick value in a hiddenfield control like this,

XML

<table class="window" style="margin-top: 15px; text-align: center;">
      <tr id="NavMonth">
          <td id="m1" onclick="">
          Jan
          </td>
          <td id="m2" onclick="">
          Feb
          </td>
          <td id="m3" onclick="">
          Mar
          </td>
      </tr>
 </table>

<script type="text/javascript">
    $(document).ready(function () {
        $('.window td').on('click', function () {
            var idName = this.id;
            $('#hidden').val(idName);
        });
    });
</script>

Now I want to pass this hiddenfield value to a wcf service url so that I can show the charts as per the month selected by the user,

dataSource: {
     transport: {
              read: {
                        url: "http://<%=strWcfServer%>/WcfService1/Service1.svc/Total_Product_Count_Monthly?month=<%=month_number%>",
                        dataType: "json"
                    }
                }
            }

But this month_number variable has to be a global variable in the aspx.cs page and I have the month number in a hiddenfield.

How can I store this month_number value from hiddenfield to a global variable so that it can be passed to a wcf service or is there any other option to pass the selected month to the wcf service?

Thanks.

Posted 2-Feb-15 6:41am

Member 10986159

Updated 2-Feb-15 7:10am

Dave Kreskowiak

v2

Add a Solution

Comments

Neetin_1809 2-Feb-15 15:01pm

Why Dont you Use DropDown ?Insead Prefer kendoDropDown Use OnSelect Event which will be far More Better.

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

23741 · Answer 1 · 2015-02-02T07:15:00

Solution 1

You're missing the data: part for your datasource.

Here is an example:

dataSource: {
transport: {
read: {
url: "http://<%=strWcfServer%>/WcfService1/Service1.svc/Total_Product_Count_Monthly",
data: function () {
return {
month: $('#hidden').val();
};
}
dataType: "json"
}
}
}

Posted 2-Feb-15 7:15am

23741

Comments

Member 10986159 2-Feb-15 14:14pm

I do not understand. I need to pass a month to the wcf service method.

23741 · Answer 2 · 2015-02-02T08:28:00

Solution 2

Yes.

Under the hood, it will append "?month=1" to your endpoint querystring dynamically.

Try it :-)

Posted 2-Feb-15 8:28am

23741

Comments

Member 10986159 2-Feb-15 14:41pm

Thank you very much for the answer but it is not working.

23741 · Answer 3 · 2015-02-02T11:44:00

Solution 3

Are you using Fiddler? (you should be - it is invaluable in troubleshooting web dev).

What does Fiddler report as per any error?

What does your call string look like in Fiddler when executing that call?

Posted 2-Feb-15 11:44am

23741

Comments

Member 10986159 4-Feb-15 9:04am

It says bad request.

23741 · Answer 4 · 2015-02-05T01:33:00

Solution 4

VB

Using Fiddler, you need to determine what the exact querystring looks like to make sure it is properly formatted.

From there, you can also simulate the call yourself using Fiddler to make sure the problem does not lie elsewhere.

Posted 5-Feb-15 1:33am

23741

Comments

Deepu S Nair 5-Feb-15 7:57am

Use 'Improve solution' link to update your solution.Otherwise it may attract downvoting