Problem with WebMethod when it is called from Jquery - ASP.NET Discussion Boards

here's the msdn info on vb.net timer event

system.timers.timer.elapsed

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

How to print multiple pages of listview with default page setting.
i want to set only 8 record in my page after that next 8 records should be print into new page and so on.
i tried so many code and css but unable to set default margine. margine which i am setting is only working for first 2- 3 pages after that records getting merge.
plz help me at this point of time i got frestrated i am tring to acheive this last 3 days but unable to do.below is css and page script which i am using for page.

<pre lang="HTML"><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-1.3.4.css" media="screen" />

    <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>

    <script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script>

    <script type="text/javascript">
        function printpage() {
            window.print()


        }
    </script>

    <style>
        .memberDetailTab td
        {
            text-align: center;
        }
    </style>
    <div class="non-printable">
        <center>
            <h1 class="non-printable">
                Print Address Slips</h1>
        </center>
        <div class="control">
            <table style="margin: 0px auto; border: solid 1px #DCDCD6; width: 70px; page-break-before: always;">
                <tr>
                    <td class="style2">
                         
                    </td>
                    <td>
                         
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <asp:DropDownList ID="DDLprint" runat="server" OnSelectedIndexChanged="DDLprint_SelectedIndexChanged"
                            AutoPostBack="true">
                            <asp:ListItem Value="0" Selected="True">Select Slip type</asp:ListItem>
                            <asp:ListItem Value="1">Print All Slip</asp:ListItem>
                            <asp:ListItem Value="2">Print Valid Slips</asp:ListItem>
                            <asp:ListItem Value="3">Print Updated Slips</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                    <td>
                        <asp:Button ID="Print" Text="Print Slips" runat="server" OnClick="Print_Click" />
                    </td>
                </tr>
                <tr>
                    <td class="style2">
                         
                    </td>
                    <td>
                        <br />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id='main-content' style="overflow: auto; height: 50%; width: 100%" class="printable" />
    <asp:ListView ID="LSVAllSlips" runat="server" GroupItemCount="2" GroupPlaceholderID="groupPlaceholder1"
        ItemPlaceholderID="itemPlaceholder1" OnPagePropertiesChanged="LSVAllSlips_PagePropertiesChanged">
        <LayoutTemplate>
            <table>
                <tr id="groupPlaceholder1" runat="server" align="center">
                </tr>
            </table>
        </LayoutTemplate>
        <GroupTemplate>
            <tr>
                <td id="itemPlaceholder1" runat="server">
                </td>
            </tr>
        </GroupTemplate>
        <ItemTemplate>
            <td>
                <div class="textRotate">
                    <asp:Image ID="imgUrl" runat="server" ImageUrl='<%# Eval("Image")%>' Height="10mm" /></div>
                <%--  <asp:Label ID="lblmemid" runat="server" Text='<%# Eval("MemberShipid") %>' Font-Bold="True"--%>
                <%--Font-Size="Larger" />--%>
            </td>
            <td align="left" style="width: 8.5cm; height: 32.15mm; background: #dedede;">
                <asp:Label ID="lblname" runat="server" Text='<%# Eval("Name") %>' Font-Size="12px"
                    Font-Bold="true" /><br />
                <asp:Label ID="lbladd" runat="server" Text='<%# Eval("Address") %>' Font-Size="12px" /><br />
                <asp:Label ID="lblcity" runat="server" Text='<%# Eval("City") %>' Font-Size="12px" />,
                <asp:Label ID="lblstate" runat="server" Text='<%# Eval("State") %>' Font-Size="12px" />
                -
                <asp:Label ID="lblpin" runat="server" Text='<%# Eval("Pincode") %>' Font-Size="12px" /><br />
                <asp:Label ID="lblcountry" runat="server" Text='<%# Eval("Country") %>' Font-Size="12px" /><br />
                Mob:
                <asp:Label ID="lblmo" runat="server" Text='<%# Eval("Mobile1") %>' Font-Size="12px" /> 
                Ph: 
                <asp:Label ID="lblph" runat="server" Text='<%# Eval("Phone1") %>' Font-Size="12px" />
            </td>
            <td style="width: 5mm;">
            </td>
        </ItemTemplate>
        <GroupSeparatorTemplate>
            <tr id="Tr1" runat="server">
                <td colspan="6" style="height: 2.0mm">
                </td>
            </tr>
        </GroupSeparatorTemplate>
    </asp:ListView>
    </div>
    <%--<div>
       <asp:ListView ID="ListView1" runat="server" OnItemDataBound="OnItemDataBound" GroupPlaceholderID="groupPlaceHolder1"
    ItemPlaceholderID="itemPlaceHolder1">
    <LayoutTemplate>
        <table cellpadding="2" cellspacing="0" border="1" style="width: 200px; border: dashed 2px #04AFEF;
            background-color: #B0E2F5">
            <asp:PlaceHolder runat="server" ID="groupPlaceHolder1"></asp:PlaceHolder>
        </table>
    </LayoutTemplate>
    <GroupTemplate>
        <tr>
            <asp:PlaceHolder runat="server" ID="itemPlaceHolder1"></asp:PlaceHolder>
        </tr>
    </GroupTemplate>
    <ItemTemplate>
        <td>
            <asp:Label ID="lblItem" runat="server" Text='<%# Eval("Item") %>'></asp:Label>
        </td>
        <td>
            <asp:HiddenField ID="hfBarCode" runat="server" Value='<%# Eval("Barcode") %>' />
            <asp:Image ID="imgBarCode" runat="server" />
        </td>
    </ItemTemplate>
</asp:ListView>    </div>--%>
</asp:Content>

CSS

<style>
        @media print
        {
            .header, .hide
            {
                visibility: hidden;
                display: none;
            }
            body
            {
                font-size: 10pt;
                padding: 0px;
                margin: 0px 0px 0px 0px;
            }
            .non-printable
            {
                display: none;
            }
            .printable
            {
                display: block;
                display: block;
                margin: 0px 0px 0px 0px;
            }
        }
        @page
        {
            margin: 3.0mm 0mm 0mm 16mm;
        }
        .textRotate
        {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            position: relative;
            width: 60px;
        }
        .textRotate img
        {
            margin: 0px;
            padding: 0px;
            position: absolute;
            top: -25px;
            left: -20px;
        }
    </style>

I have a table that uses Ajax to load. It is basically set up like this:

@using (Ajax.BeginForm(ajaxOpts))
{
  <table>
    <thead>
      <th>column 1</th>
      <th>column 2</th>
    </thead>
    <tbody>
      @Html.Action("List")
    </tbody>
  </table>
}

In each row that is returned is a button that I have created a jquery event. It opens a dialog that displays some addition details about the record.

HTML

$(".view-row-button").click(function () {
  var $id = $(this).attr("id");
  $("#details-dialog")
    .load('@Url.Action("action", "controller")' + '?record=' + $id)
    .dialog({
      modal: true,
      height: 750,
      width: 1200,
      close: function () {
        //refresh table
        $("#refresh-button").click();
      }
    }).dialog("open");
});

The first time I click the row button, everything works great. The action is called and the details of the record are queried. The next time, the dialog is still displayed, but it is not updated with any changes I may have made. I put a breakpoint in the action, which catches on the first click, but not the next clicks. I've tried refreshing the page, but that still doesn't work. I have to re-open the browser to get the click to work properly again. Any suggestions?

It can be a problem of your browser which is not refreshing the page properly because especially IE is well-known for "not properly refreshing the cache". Try to do this:

- click the row button
- The action is called and the details of the record are queried.
Then delete the whole cache of the browser and click the row button again. If then everything is working fine, you know that it is a browser-problem which you can't solve.

cheers
Marco Bertschi

Software Developer & Founder SMGT Web-Portal
CP Profile | Twitter | Facebook | SMGT Web-Portal

FizzBuzz - Gary Wheeler

That is exactly the problem. Thank you.

FYI, I was able to fix the problem by including this attribute in my controller:

C#

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]

http://stackoverflow.com/questions/2653092/internet-explorer-caching-asp-netmvc-ajax-results

Thank you, I am glad that I was able to help you out.

cheers
Marco Bertschi

Software Developer & Founder SMGT Web-Portal
CP Profile | Twitter | Facebook | SMGT Web-Portal

FizzBuzz - Gary Wheeler

Here is my code:

JavaScript

$('.Status').click(function() {
              var divparent = $(this).closest('.tabs-content');
              var ruleid = divparent.attr('data-ruleid');
              var statusid;
              if (divparent.hasClass('inactive')) {
                  $(this).closest('.tabs-content').removeClass('inactive');
                  statusid = 1;
              }
              else {
                  console.log('active');
                  $(this).closest('.tabs-content').addClass('inactive');
                  statusid = 0;
              }

              $.ajax({ type: "POST", Url: "NewRules.aspx/SaveStatus",
                  data: "{strStatus:'" + statusid + "',strRuleID:'" + ruleid + "'}",
                  contentType: "application/json;charset=utf-8",
                  dataType: "json"
              });

          });

and here is the WebMethod:

C#

[WebMethod]
        public static string SaveStatus(string strStatus,string strRuleID)
        {
            int status = int.Parse(strStatus);
            long RuleID;
            if (long.TryParse(strRuleID, out RuleID))
            {

                UploadScheduleDisplay display = UpSchDisp.Where(d => d.Id == RuleID).FirstOrDefault() as UploadScheduleDisplay;

                if (display != null)
                {
                    //pause or active the display
                    if (display.IsPaused)
                    {
                        display.Resume();
                    }
                    else
                    {
                        display.Pause();
                    }
                    //command will delete/add the rule from/to the module
                    CommandUtils.SendNewCommandAudit(CommandTypeEnum.ProgramUploadScheduleRules, 0, unitid,
                        1, 0, cmd_changeStatus, WebMethodLogin);
                }
            }
            else
            { //RuleID is not Valid 
                return "";
            }
            return RuleID.ToString() + "  " +status.ToString();
</pre>

The Jquery click works, but it never goes to WebMethod, do you have any idea what is wrong with my code?

Thanks

modified 21-Mar-13 17:41pm.

Url: "NewRules.aspx/PostUser"

There is no postUser in the webmethod

I thought I changed it Smile | :)

. thank you so much. this usually happens to me when I am working late.

Same here, 2nd set of eyes helps out

But with this

JavaScript

$('.Status').click(function() {
                var divparent = $(this).closest('.tabs-content');
                var ruleid = divparent.attr('data-ruleid');
                var statusid;
                if (divparent.hasClass('inactive')) {
                    $(this).closest('.tabs-content').removeClass('inactive');
                    statusid = 1;
                }
                else {
                    console.log('active');
                    $(this).closest('.tabs-content').addClass('inactive');
                    statusid = 0;
                }

                $.ajax({ type: "POST", Url: "NewRules.aspx/SaveStatus",
                    data: "{strStatus:'" + statusid + "',strRuleID:'" + ruleid + "'}",
                    contentType: "application/json;charset=utf-8",
                    dataType: "json"
                });

This is not still workingggggggg!!!!!!!

pLEASE HELP

I don't reccomend trying to bind to a class

$('.Status').click(function() {

but to bind to the element ID instead

Plus you need to test your bind to make sure it works

There are several ways to bind
With update panel

$(document).ready(function () {
    
    initiateBinding();
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

});

function EndRequestHandler(sender, args) {
    initiateBinding();
}

function initiateBinding() {
    
    $(document).ajaxStart(function () {
        
    });

    $(document).ajaxStop(function () {
    
    });

    $('[id*="_ddl_RTSR_SARates_Unified_SelectRate"]').change(function () {
        alert("I'm Alive");
    });
}

with no update panel

$(document).ready(function() {
   // Handler for .ready() called.
   $('[id*="_ddl_RTSR_SARates_Unified_SelectRate"]').change(function () {
        alert("I'm Alive");
    });
});

So test the bind first, then move on to the function code and report back, I'm leaving in 30 minutes today

[edit]

test your data,

alert("{strStatus:'" + statusid + "',strRuleID:'" + ruleid + "'}");

copy the messagebox contents using firefox and paste it into the json validator to make sure it's valid json
http://jsonlint.com/[validator^]

you have to use slashes to escape out the double quotes

"{\"m_Rate_API_Code\" : \"" + rate_API_Code + "\"}"

Your JSON doesn't look valid to me {"name" : "Jim"}

modified 21-Mar-13 18:05pm.

the binding works, the console.log shows that. and the parameters are just numbers, what is wrong with them?>
The thing is the page is postback but the webmethod is not running, it only goes to pageload!

and One more thing! Sys is not a valid name when I tried to use it!! I don't know why!

You should call the web method page directly, and see if the debug interface comes up, enter your value and test it.

[edit]
on the Sys is not a valid name, the Sys exist if the button you binded is inside an update panel.
With out the example I provided, you will lose the bind when the panel updates,

if you don't have an update panel, then it's just the on ready function.

Without seeing the project, it's hard to say why the page is not firing, but most likely it an error in the page name or extension.

modified 22-Mar-13 14:22pm.

How do you debug a single ASPX file?

I am somewhat new to ASPX files, but I am not new to C#.

I figured that all asp.net c# projects were run on the server as compiled code. And so there was some sort of binary file somewhere somehow or maybe a XAP file like they have with silverlight.

But it seems that this is not the case. it seems that, sometimes, you can have an ASPX file along with the code-behing C Sharp file and it runs just like a PHP file. For starters, is that right? Am I right so far?

Now, if I was the owner of both the ASPX file and the CSHARP code-behind file, how would I go about debugging it in Visual Studio?

To the best of knowledge

You have the web form, which is HTML and combinations of asp.net objects, similar to a PHP page
and code behind forms, that you write code in. asp.net objects can link to code behind using handlers, that point the code to the web form object.

The objects in asp.net, can be used 2 ways, on the web form as a HTML type of element, or in code behind in pure code.

When you run your project, asp.net will compile your code as various DLL files, and store them on the c drive under windows\Microsoft asp.net.

To debug your project, you press F5 using Visual Studio, you have to load the page you want to debug first, and set a break point by pressing F9 on the line of code you want. I think you can only debug code behind pages.

the file is https://www.seattleu.edu/admission/nonMatricLander.aspx

and out on the server there is just the aspx file and the accompanying .cs file

that is all there is. There is no solution file, there is no default.aspx file there is nothing else in the that directory apart from other .aspx files and aspx.cs files.

If it was a web form, there would be a project file and and or a solution file. There would be something compiled, right? There is nothing like that. there are no dll files.

How do I run the code?

My point is that there is no project to load. There is only a file.

After setting a break point, there is nothing to run. I have tried attaching to the browser that has the aspx code loaded but then the breakpoints become inactive.

You can only debug a project or page that is on your hard drive, if the page you posted is crashing, then you have to look at the stack trace, and work your way down the list to find the line of code that bombed.

[edit]

are you trying to reverse engineer the page?, or seriously need to fix something?

modified 20-Mar-13 23:34pm.

I think I need to do this. I need to run the code locally through "localhost" and attach the process through the debugger. How do I run the localhost?

If the project is on your hard drive, and your using VS 2010, you press F5 on the page selected, and it will run on the localhost.

What are you trying to fix, is it a javscript issue, or asp.net code behind.

Hello folks,

I thought this would be very simple. but I am not able to.

I tried simple code like this using href element. But it tries to open the sheet.xls in the browser window and says it can't find the file. I want the excel file to be opened in excel (not browser). Any suggestions?

<a href="file://domainname/vol1/destinationfiles/sheet.xls" >some excel file</a> 

The excel file I am trying to open is not on IIS server. It is on file server.
Thanks much

nath
.

Where do you expect the excel file to run? On the server side?

Remote launching of apps at the client end is possible, but I doubt that you can do this directly (see below) from web server code. Also presumes they have Office installed on the remote machine.

Remote execution needs to be enabled/allowed at the far end.

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Strange. I also thought it was easy.
But on my system, every call to a href="file:..." fails when the page containing the link was obtained via http.

Such links do work only when the page was opened with the file protocol. And the links do fail when the file to be opened is not on a local or mapped drive. Browsers offer to open the file (with Excel) when it is on a local/mapped drive or just download it.

I tested with current versions of Internet Explorer, Firefox, Chrome, Opera, and Safari.

Well I've never had to try it,

The web server would most likely need to generate a local script with *application name hard coded*, then execute via a shell COM object. The local script can then do some remote checking of its own, and then launch the remote application. (Windows Script Host)

That's how I would try to do it.

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.