C#•4y ago•

18 replies

How to set the `Area` and `Controller` dynamically in a form of a `Partial View` ?

M B V R K · 2022-08-27T09:15:47.209Z

Hello friends, I'm working on an `Asp.Net core 6` project, with `Areas`. I have created a `PartialView`, this partial view is created for `Search` it contains an `Input` element which will contain the value that the user wrote in, and after submit this form will send that value to an `Action` called `Search` in the controller. I want this partial view to work generically, which I can use it with any `view` and during the submit the partial view should send that value to the `Action` called `Search` in the current `Controller`. As you see the `Action` will be fixed because it is known, but the `Controller` is unknown because it is dynamically changing. **An example of using this partial view:** ```html @{ await Html.RenderPartialAsync( "_SearchBox" ); } // The rest of the view ``` **How `Search` action looks like in almost all controllers:** ```cs [HttpGet("/[area]/[controller]/Search/{value}")] public async Task Search(string value) { var response = await _mediator.Send( new SearchStudentAbsencesQuery( value ) ); var model = _mapper.Map >( response.Entities ); ViewBag.SearchValue = value; return View( model ); } ``` **The problem:** When I write a value to search about and after submitted the form it goes to a false `Route`and that route is not found like this `https://localhost:44302/Controller/Search` As example let's assume that we are in a controller called `StudentAbsences` when I submit that search it goes to that false route `https://localhost:44302/StudentAbsence/Search` which need before the controller the `Area` name. **My Question:** How I can make that `PartialView` to automatically/dynamically know the `Controller` and the `Area` ?

Hello friends, I'm working on an

Asp.Net core 6

Asp.Net core 6

project, with

Areas

Areas

.
I have created a

PartialView

PartialView

, this partial view is created for

Search

Search

it contains an

Input

Input

element which will contain the value that the user wrote in, and after submit this form will send that value to an

Action

Action

called

Search

Search

in the controller.
I want this partial view to work generically, which I can use it with any

view

view

and during the submit the partial view should send that value to the

Action

Action

called

Search

Search

in the current

Controller

Controller

.

As you see the

Action

Action

will be fixed because it is known, but the

Controller

Controller

is unknown because it is dynamically changing.

An example of using this partial view:

  <div class="card card-preview">

        <div class="card-inner">

            @{
                await Html.RenderPartialAsync( "_SearchBox" );
            }
            
            <br>
// The rest of the view

  <div class="card card-preview">

        <div class="card-inner">

            @{
                await Html.RenderPartialAsync( "_SearchBox" );
            }
            
            <br>
// The rest of the view

How
Search
Search
action looks like in almost all controllers:

        [HttpGet("/[area]/[controller]/Search/{value}")]
        public async Task<IActionResult> Search(string value)
        {
            var response = await _mediator.Send( new SearchStudentAbsencesQuery( value ) );
            var model =  _mapper.Map<List<StudentAbsenceIndexVm>>( response.Entities );

            ViewBag.SearchValue = value;
   
            return View( model );
        }

        [HttpGet("/[area]/[controller]/Search/{value}")]
        public async Task<IActionResult> Search(string value)
        {
            var response = await _mediator.Send( new SearchStudentAbsencesQuery( value ) );
            var model =  _mapper.Map<List<StudentAbsenceIndexVm>>( response.Entities );

            ViewBag.SearchValue = value;
   
            return View( model );
        }

The problem:
When I write a value to search about and after submitted the form it goes to a false

Route

Route

and that route is not found
like this

https://localhost:44302/Controller/Search

https://localhost:44302/Controller/Search

As example let's assume that we are in a controller called

StudentAbsences

StudentAbsences

when I submit that search it goes to that false route

https://localhost:44302/StudentAbsence/Search

https://localhost:44302/StudentAbsence/Search

which need before the controller the

Area

Area

name.

My Question:
How I can make that

PartialView

PartialView

to automatically/dynamically know the

Controller

Controller

and the

Area

Area

How to set the `Area` and `Controller` dynamically in a form of a `Partial View` ?

Hello friends, I'm working on an

Asp.Net core 6

Asp.Net core 6

project, with

Areas

Areas

.
I have created a

PartialView

PartialView

, this partial view is created for

Search

Search

it contains an

Input

Input

element which will contain the value that the user wrote in, and after submit this form will send that value to an

Action

Action

called

Search

Search

in the controller.
I want this partial view to work generically, which I can use it with any

view

view

and during the submit the partial view should send that value to the

Action

Action

called

Search

Search

in the current

Controller

Controller

.

As you see the

Action

Action

will be fixed because it is known, but the

Controller

Controller

is unknown because it is dynamically changing.

An example of using this partial view:

  <div class="card card-preview">

        <div class="card-inner">

            @{
                await Html.RenderPartialAsync( "_SearchBox" );
            }
            
            <br>
// The rest of the view

  <div class="card card-preview">

        <div class="card-inner">

            @{
                await Html.RenderPartialAsync( "_SearchBox" );
            }
            
            <br>
// The rest of the view

How
Search
Search
action looks like in almost all controllers:

        [HttpGet("/[area]/[controller]/Search/{value}")]
        public async Task<IActionResult> Search(string value)
        {
            var response = await _mediator.Send( new SearchStudentAbsencesQuery( value ) );
            var model =  _mapper.Map<List<StudentAbsenceIndexVm>>( response.Entities );

            ViewBag.SearchValue = value;
   
            return View( model );
        }

        [HttpGet("/[area]/[controller]/Search/{value}")]
        public async Task<IActionResult> Search(string value)
        {
            var response = await _mediator.Send( new SearchStudentAbsencesQuery( value ) );
            var model =  _mapper.Map<List<StudentAbsenceIndexVm>>( response.Entities );

            ViewBag.SearchValue = value;
   
            return View( model );
        }

The problem:
When I write a value to search about and after submitted the form it goes to a false

Route

Route

and that route is not found
like this

https://localhost:44302/Controller/Search

https://localhost:44302/Controller/Search

As example let's assume that we are in a controller called

StudentAbsences

StudentAbsences

when I submit that search it goes to that false route

https://localhost:44302/StudentAbsence/Search

https://localhost:44302/StudentAbsence/Search

which need before the controller the

Area

Area

name.

My Question:
How I can make that

PartialView

PartialView

to automatically/dynamically know the

Controller

Controller

and the

Area

Area

How to set the `Area` and `Controller` dynamically in a form of a `Partial View` ?

How to set the `Area` and `Controller` dynamically in a form of a `Partial View` ?

Similar Threads

Similar Threads

Similar Threads