ASP.NET

9-Aug-17 6:50

Hi,

I am trying to create modal dialog which contains Text-boxes and drop-downs which are going to get the Data from the parent page, but its not creating the modal dialog but its putting the values on the same parent page. Here is how I have created the modal

$('#btnViewJob').click(function (event) {
   var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp"' + somevaluecomesfromparentpage + '" />'; 

    $('<div id="dialog"><table><tr><td>' + mytext + '</td></tr></table></div>').appendTo('body');
    event.preventDefault();

    $('#dialog').dialog({
autoOpen: false,
width: 400,
resizable: false,
title: "hi there",
modal: true,
buttons: {
    "Close": function () {
$(this).dialog("close");
    }
}
    });
});

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming9-Aug-17 8:28

9-Aug-17 8:28

You've specified autoOpen:false, so the first time you click the button, the dialog is created but never shown.

The next time you click the button, you create a new <div> with the same ID, and append it to the body. IDs are supposed to be unique, so the #dialog selector only returns the first element with that ID. Since the dialog(...) call is what hides the element, the subsequent elements are never hidden, and appear at the end of the body.

You need to change the code so that it uses the existing element on subsequent clicks:

JavaScript

$('#btnViewJob').click(function(event) {
    event.preventDefault();
    
    var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp"' + somevaluecomesfromparentpage + '" />';
    
    var dialog = $("#dialog");
    if (!dialog.length) {
        // First time: create the dialog element:
        dialog = $("<div/>").attr("id", "dialog").appendTo("body");
        
        dialog.dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: "hi there",
            modal: true,
            buttons: {
                "Close": function() {
                    $(this).dialog("close");
                }
            }
        });
    }
    
    dialog.empty().html("<table><tr><td>" + mytext + "</td></tr></table>");
    dialog.dialog("open");
});

Demo[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian1439-Aug-17 9:39

9-Aug-17 9:39

But for my its is saying Uncaught TypeError: dialog.dialog is not a function, anything can I do to avoid this buddy?

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming9-Aug-17 9:46

9-Aug-17 9:46

Have you included the jQuery UI scripts?

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian1439-Aug-17 9:59

9-Aug-17 9:59

In registerbundles I have written this:

bundles.Add(new StyleBundle("~/Content/themes/bsc/css").Include(
                          "~/Content/themes/bsc/jquery-ui.min.css",
                          "~/Content/themes/bsc/jquery-ui.structure.min.css",
                          "~/Content/themes/bsc/jquery-ui.theme.min.css"));

And in the cshtml, I have written like below:

@section head{
    @Styles.Render("~/Content/css")
    @Styles.Render("~/bundles/bootstrap")
    @Styles.Render("~/bundles/jquery")
    @Styles.Render("~/bundles/jqueryval")    
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/Content/themes/bsc/css")    
}

And in the .js file I have written as below:

        $('#btnViewJob').click(function (event) {
            event.preventDefault();

            var mytext = 'My first modal dialog using MVC: <input type="text" value="Some value comes from parent page" id="temp" />';

            var dialog = $("#dialog");
            if (!dialog.length) {<br />
                dialog = $("<div/>").attr("id", "dialog").appendTo("body");

                dialog.dialog({
                    autoOpen: false,
                    width: 400,
                    resizable: false,
                    title: "hi there",
                    modal: true,
                    buttons: {
                        "Close": function () {
                            $(this).dialog("close");
                        }
                    }
                });
            }

            dialog.empty().html("<table><tr><td>" + mytext + "</td></tr></table>");
            dialog.dialog("open");
        });

In the css I have written like below:

table#tableDisplay2 {
    border-collapse: collapse;<br />
}
<h1>tableDisplay2 th {</h1>

<pre>
background-color: #eee;
border-top: 1px solid #fff;

}

tableDisplay2 tr:hover {

background-color: #ccc;

}

tableDisplay2 tr::selection {

background-color: #ccc;

}

tableDisplay2 tr.selected { background-color:#ccc !important; }

tableDisplay2 td:hover {

cursor: pointer;
}

CSS part is working fine it is changing the color of the table row when selected, but only thing is when button clicked, its not opening the new modal dialog, and giving the same error that is: Uncaught TypeError: dialog.dialog is not a function. Any help my friend?

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming9-Aug-17 10:10

9-Aug-17 10:10

What about the style bundle for "~/bundles/jqueryui"?

Also, view the source of the page to make sure the jQuery UI scripts are included, and click on the link to make sure they're loading properly.

And are you using the full jQuery UI library, or a custom download? It's possible that you've got a version that doesn't include the dialog widget.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian1439-Aug-17 11:44

9-Aug-17 11:44

Yes I have that in my register bundles method:

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js"));

I saw the ViewSource only thing is, jquery-ui is loading two times, can it be a problem, here is how it looking in the header section of the page:

<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-ui-1.11.4.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-ui-1.12.1.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-ui-1.12.1.js"></script>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.min.css"></script>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.structure.min.css"></script>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.theme.min.css"></script>

My Register Bundle Config method is as below, is there any possibility I am missing anything in it?:

        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/respond.js"));

            bundles.Add(new ScriptBundle("~/bundles/layout").Include(
        "~/Scripts/Shared/Layout.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/employee").Include(
                    "~/Scripts/Employee/Index.js",
                    "~/Scripts/Employee/Employee.js"));

            bundles.Add(new ScriptBundle("~/bundles/multijobchange").Include(
        "~/Scripts/MultiJobChange/Index.js",
        "~/Scripts/MultiJobChange/MultiJobChange.js"));           

            bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css",
                      "~/Content/AppCss.css",
                      "~/Content/css/CustomStyles.css"
                      )
                      );

            bundles.Add(new StyleBundle("~/Content/themes/bsc/css").Include(
                          "~/Content/themes/bsc/jquery-ui.min.css",
                          "~/Content/themes/bsc/jquery-ui.structure.min.css",
                          "~/Content/themes/bsc/jquery-ui.theme.min.css"));
        }

still its giving me the same error what else could it be buddy?

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

-- modified 9-Aug-17 18:17pm.

F-ES Sitecore9-Aug-17 23:11

9-Aug-17 23:11

It's included three times (two different versions) and yes that's a problem, you need to make sure only one version is referenced. Make sure you don't have copies of multiple versions in your scripts folder then try and work out where other duplicate references are coming from.

indian14310-Aug-17 13:03

10-Aug-17 13:03

I have removed all the duplication, here is how View Source of my page looks like, still I am getting the same error buddy, I am also not understanding what mistake did I do?

<link href="/BSCSecurityAddressBookWeb/Content/bootstrap.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/site.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/AppCss.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/css/CustomStyles.css" rel="stylesheet"/>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-1.12.4.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-2.1.4.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-ui-1.12.1.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Shared/Layout.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Employee/Index.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Employee/Employee.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/MultiJobChange/Index.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/MultiJobChange/MultiJobChange.js"></script>    
<link href="/BSCSecurityAddressBookWeb/Content/bootstrap.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/site.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/AppCss.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/css/CustomStyles.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/bootstrap.js" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/respond.js" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/jquery-1.12.4.js" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/jquery-2.1.4.js" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/jquery.validate.js" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Scripts/jquery.validate.unobtrusive.js" rel="stylesheet"/>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.min.css"></script>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.structure.min.css"></script>
<script src="/BSCSecurityAddressBookWeb/Content/themes/bsc/jquery-ui.theme.min.css"></script>

These are the only scripts that are referenced in my page when I did View Source of my Page.

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

-- modified 10-Aug-17 19:51pm.

F-ES Sitecore10-Aug-17 22:09

10-Aug-17 22:09

You still have two versions of jQuery and you're also linking to your js scripts as stylesheets?

indian14311-Aug-17 13:13

11-Aug-17 13:13

Hi,

I have fixed all of those files and duplication, it looks like below in View Source of my page, still the error is happening, can you please help me little bit buddy? Am I still doing mistakes my friend?

<link href="/BSCSecurityAddressBookWeb/Content/bootstrap.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/site.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/AppCss.css" rel="stylesheet"/>
<link href="/BSCSecurityAddressBookWeb/Content/css/CustomStyles.css" rel="stylesheet"/>

<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-2.1.4.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery-ui-1.12.1.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery.validate.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Shared/Layout.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Employee/Index.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/Employee/Employee.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/MultiJobChange/Index.js"></script>
<script src="/BSCSecurityAddressBookWeb/Scripts/MultiJobChange/MultiJobChange.js"></script>

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

F-ES Sitecore13-Aug-17 22:18

Procedure or function 'sp_getchech' expects parameter '@ID', which was not supplied

13-Aug-17 22:18

What I normally do with these issues is try and strip everything right back to identify the issue. So create a new html page with just the jQuery and jQuery UI script references, and just the elements and script involved in the dialog and see if it works. If it does the issue is something somewhere else interfering with the js so you can keep eliminating things from your actual page until the dialog works and the last thing you removed was probably the cause. However if the basic version still doesn't work the issue is more likely your code or includes.

samflex9-Aug-17 5:24

samflex

9-Aug-17 5:24

This is supposed to be simple.

I have a very simple stored proc which selects records based on ID provided by user.

ALTER PROCEDURE [dbo].[sp_getcheck]
@ID int
AS
BEGIN
-- SET NOCOUNT ON added to prevent extra result sets from
-- interfering with SELECT statements.

SET NOCOUNT ON;
If NOT EXISTS(select * from mytable where ID=@ID)
  BEGIN
	RAISERROR (
    'ID number entered %d is invalid',
    11,
    1,
    @ID);
  END
END

What we would like to do is have user enter an ID and check to see if it exists on our database.

If yes, user is redirected to a page of his/her choice.

If no, we would like to keep user on same screen with a message that ID number entered Q1254 is invalid.

That error is raised on the stored procedure and we would like C# code to display that message on the screen for the user.

Here is that code:

protected void chk_Click(object sender, EventArgs e)
{

    if (!string.IsNullOrEmpty(checknumber.Text))
    {
        SqlConnection Conn = default(SqlConnection);

        //Read in connection String
        Conn = new SqlConnection(ConfigurationManager.ConnectionStrings["Constr"].ConnectionString);
        Conn.Open();

        SqlCommand cmd = new SqlCommand("sp_getcheck", Conn);
        //Retrieve the value of the output parameter

        //Add the output parameter to the command object
        cmd.Parameters.AddWithValue("@ID", checknumber.Text);
        SqlParameter outPutParameter = new SqlParameter();
        SqlDataReader dr = cmd.ExecuteReader();

        //Retrieve the value of the output parameter

        if (dr.Read())
        {
            try
            {
                //we add a hidden field called IsValid to the markup and set the IsValid value in the event handler here.
                imgstatus.ImageUrl = "images/Icon_Available.gif";
                lblStatus.ForeColor = Color.Green;

                //redirect based on value of hidden form field called evalue
                var evalue = hequipID.Value;
                if (evalue == "1")
                {
                    Response.Redirect("Air.aspx?pageId=1");
                }
                if (evalue == "2")
                {
                    Response.Redirect("Land.aspx?pageId=2");
                }

                //ID exists, get form fields and store db values in them:
                //txtfname.Text = (dr["FullName"].ToString());

            }
            catch (SqlException ex)
            {
                //Something is wrong with this taxpayer's account.
                imgstatus.ImageUrl = "images/NotAvailable.jpg";
                lblStatus.ForeColor = Color.Red;
                lblStatus.Text = ex.Message;
                chk.BackColor = Color.Silver;
                System.Threading.Thread.Sleep(2000);
            }
        }
    }
  }

en I tried to run the code, I get the following error message:

Procedure or function 'sp_getchech' expects parameter '@ID', which was not supplied

Surely I am doing something wrong.

Any ideas how to resolve this?

Thanks in advance

modified 9-Aug-17 11:47am.

Re: Procedure or function 'sp_getchech' expects parameter '@ID', which was not supplied

Richard Deeming9-Aug-17 8:14

Re: Procedure or function 'sp_getchech' expects parameter '@ID', which was not supplied (SOLVED)

9-Aug-17 8:14

You haven't set the CommandType property.

I'd also be inclined to make a few changes:

protected void chk_Click(object sender, EventArgs e)
{
    if (string.IsNullOrEmpty(checknumber.Text)) return;
    
    int id;
    if (!int.TryParse(checknumber.Text, out id))
    {
        lblStatus.Text = "Please enter a valid ID number to check.";
        return;
    }
    
    using (var conn = new SqlConnection(WebConfigurationManager.ConnectionStrings["Constr"].ConnectionString))
    using (var cmd = new SqlCommand("sp_getcheck", conn))
    {
        cmd.CommandType = CommandType.StoredProcedure;
        cmd.Parameters.AddWithValue("@ID", id);
        
        try
        {
            conn.Open();
            
            // Posted stored procedure doesn't return any records, so no need for data reader.
            cmd.ExecuteNonQuery();
            
            // No need to update the current page if we're redirecting.
            var evalue = hequipID.Value;
            if (evalue == "1")
            {
                Response.Redirect("Air.aspx?pageId=1");
            }
            else if (evalue == "2")
            {
                Response.Redirect("Land.aspx?pageId=2");
            }
            else
            {
                imgstatus.ImageUrl = "~/images/Icon_Available.gif";
                lblStatus.ForeColor = Color.Green;
            }
        }
        catch (SqlException ex)
        {
            //Something is wrong with this taxpayer's account.
            imgstatus.ImageUrl = "~/images/NotAvailable.jpg";
            lblStatus.ForeColor = Color.Red;
            lblStatus.Text = ex.Message;
            chk.BackColor = Color.Silver;
            
            // Are you sure you want to do this in a web application?
            System.Threading.Thread.Sleep(2000);
        }
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

samflex9-Aug-17 14:54

samflex

9-Aug-17 14:54

Hi Richard,

As usual, your solution worked perfectly; it always does.
WOW.

Sorry, I recognized that I left out the commandType but I came to add that but you have already solved it.

Thank you very much.

What is better solutions for complex application and databases

Lakhpat-Singh8-Aug-17 7:22

Lakhpat-Singh

8-Aug-17 7:22

Respected All,

Kindly guide us regarding the Databases of MS-SQL-Server.
if we want to create the one application for the 200 colleges for students online registration/Admission.
Then what will we do?
Either create seprate one application and one database for each college
OR create the one application and one database for 400 colleges.
what is best solutions and guide
I shall be really thankfull for your kindness and suggestions.
Thank you
Mamta
Jagadhri
Distt: Yamunanagar
State: Haryana
Mob.No: 9991740135
email: mamtakuk@gmail.com

Re: What is better solutions for complex application and databases

F-ES Sitecore9-Aug-17 0:00

Getting Route Values in Controller

9-Aug-17 0:00

Personally I'd create one database and design it such that it can be used with multiple clients.

BTW you shouldn't put your email or mobile number on the net, you're just going to get spammers\scammers contacting you, you should edit your post to remove that info.

Farhad Eft7-Aug-17 7:20

Farhad Eft

7-Aug-17 7:20

Hi,
I have the following Route Contex:

context.MapRoute(
                "Space_default",
                "Space/{Value}/{controller}/{action}/{id}",
                new { action = "Index", id = UrlParameter.Optional }
            );

And I would like to get {Value} in my controller in the following code:

public class OverviewController : Controller
{
    string myValue = (int)RouteData.Values["Value"];

    [CourseAccess(CourseId = myValue)]
    public ActionResult Index(int CourseId)
    {...

I was wondering how can I do that and use that value before my actions.

Thank you.

Re: Getting Route Values in Controller

Richard Deeming7-Aug-17 10:21

Re: Getting Route Values in Controller

7-Aug-17 10:21

You can't use a field or local variable in an attribute. The attribute parameters and properties are compiled into your code, so they can't depend on runtime data.

You'll probably need to look at using a filter attribute: Understanding Action Filters (C#) | Microsoft Docs[^]

public sealed class CourseAccessAttribute : FilterAttribute, IAuthorizationFilter
{
    public void OnAuthorization(AuthorizationContext filterContext)
    {
        int courseId = (int)filterContext.RouteData["Value"];
        if (!HasAccessToCourse(filterContext, courseId))
        {
            filterContext.Result = new HttpUnauthorizedResult();
        }
    }
    
    private bool HasAccessToCourse(AuthorizationContext filterContext, int courseId)
    {
        ...
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Farhad Eft7-Aug-17 13:19

Farhad Eft

7-Aug-17 13:19

Nice! Thank you! Smile | :)

trying to call a WebApi method along with new Page when button clicked using jQuery

indian14331-Jul-17 15:26

Re: trying to call a WebApi method along with new Page when button clicked using jQuery

31-Jul-17 15:26

Hi,

I am trying to call a Web Api method (/BSCSecurityAddressBookWeb/api/MultiJobChangeApi/Get) when a button clicked, it has to load a new page (MultiJobChange)
(from Employee page to MultiJobChange)
and in MultiJobChange.js file I have written code for calling the Web Api,
MultiJobChange.cshtml page is loading by calling its Controller using the call window.open('/BSCSecurityAddressBookWeb/MultiJobChange/', '_self', false);,

MultiJobChangeController Index method returns View, up loading of the cshtml page its working properly, but the call to /BSCSecurityAddressBookWeb/api/MultiJobChangeApi/Get is not going.

Can anybody please help me in this regards, I am new to MVC, I am able to move to the new Page or Controller from Employee Page as Employee Page (or Controller is starting one) but not able to call the Web Api method from there even though I am seeing all js files loaded in resources in browser debugger, but still the Web Api call is not making through. Any help would be every supportive thanks in advance.

My Code looks as below:

code in MultiJobChange.js file

MultiJobChange = {
    loadMultiJobChange: function (employeeID) {
        $.get("/BSCSecurityAddressBookWeb/api/MultiJobChangeApi/Get").then(function (data) {

<pre>
        var list = $("#ddlEmployees");
        var selectedValue = list.val();

        list.empty();

        $.each(data, function (index, userList) {
            $("<option>").attr("value", userList.EmployeeID).text(applicationgroup.LastName).appendTo(list);
        }); 

    $("#btnClearList").click(function (event) {
        $("#lbxEmployees").empty();
    });

    $("#btnRemoveEmployee").click(function (event) {
        $("#lbxEmployees option:selected").remove();
    });
}

};

code in Employee.js file

loadEmployee: function (employeeID) {
$.get("/BSCSecurityAddressBookWeb/api/EmployeeAPI/Get").then(function (data) {

    var list = $("#ddlApplicationGroup");
    var selectedValue = list.val();

    list.empty();

    $.each(data.ApplicationGroups, function (index, applicationgroup) {
        $("<option>").attr("value", applicationgroup.ApplicationGroupID).text(applicationgroup.ApplicationGroupName).appendTo(list);
    });

    if ((selectedValue == null) || (selectedValue == undefined)) {
        list.prepend("<option value='-1' selected='selected'>Select value</option>");
        if ((list[0] != undefined) && (list[0] != null))
            list[0].selectedIndex = 0;
    }
    else {
        list.val(selectedValue);
    }

    var list = $("#ddlReportPack");
    var selectedValue = list.val();

    list.empty();

    $.each(data.ReportPacks, function (index, reportpack) {
        $("<option>").attr("value", reportpack.ReportPackID).text(reportpack.ReportPackName).appendTo(list);
    });

    if ((selectedValue == null) || (selectedValue == undefined)) {
        list.prepend("<option value='-1' selected='selected'>Select value</option>");
        if ((list[0] != undefined) && (list[0] != null))
            list[0].selectedIndex = 0;
    }
    else {
        list.val(selectedValue);
    }

});

}

code in Layout.js file

$(function () {
$("#btnEmployee").click(function (event) {
Employee.loadEmployee();
window.open('/BSCSecurityAddressBookWeb/Employee/', '_self', false);

});

$("#btnMultiJobChange").click(function (event) {
    MultiJobChange.loadMultiJobChange();
    window.open('/BSCSecurityAddressBookWeb/MultiJobChange/', '_self', false);        
});

});

Code in MultiJobChange/Index.js file

function LoadMultiJobChange() {
MultiJobChange.loadMultiJobChange();

};

$(function () {
LoadMultiJobChange();
});

Code in Employee/Index.js file

function LoadEmployee() {
Employee.loadEmployee();
};

$(function () {
LoadEmployee();
});

Controller methods:

public class MultiJobChangeApiController : ApiController

{
// GET: api/MultiJobChangeApi
public List<userlist> Get()
{
dynamic model = null;
using (AppDevSecEntities ctx = new AppDevSecEntities())
{
var temp = ctx.UserLists.AsNoTracking().OrderByDescending(x => x.LastName);
if (temp != null)
model = temp.ToList<userlist>();
}
return model;
}
}

public class MultiJobChangeController : Controller
{
// GET: MultiJobChange
public ActionResult Index()
{
using (AppDevSecEntities ctx = new AppDevSecEntities())
{
BSCCrystalReportsViewerEntities ctx2 = new BSCCrystalReportsViewerEntities();

}
return View();
}
}

Thanks,

Abdul Aleem

"There is already enough hatred in the world lets spread love, compassion and affection."

Richard Deeming1-Aug-17 0:50

Re: trying to call a WebApi method along with new Page when button clicked using jQuery

1-Aug-17 0:50

indian143 wrote:

window.open('...', '_self', false);

That line will replace the current page with the specified URL. Even if your AJAX request completed, the updates you make to your page when it completes would immediately be thrown away in order to load the new page.

You need to change your code to make the AJAX request and display the results when the new page is loaded. Or call the API from the server, and render the result in the view.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

indian1431-Aug-17 7:01