Pass a model value to Jquery function
-1
I am trying to pass the value of a model to a jquery function (openBookingSnap)when a hyperlink is clicked.
But I am unable to get the value passed.
Here is my CSHTML Code. Please tell me what am I missing here?
@model List<Model.Booking>
@using (Html.BeginPanel(true))
{
<table>
<tr>
@for (int i = 0; i < Model.Count; i++){
if (i > 0 && i % 3 == 0)
{
@:</tr><tr>
}
<td>
<div id="dataListItem" style ="width: 90px"><a style="cursor: pointer;" onclick="VslVoy.Ux.openBookingSnap(Model[i].bkgNoUid);">@Html.DisplayFor(m => Model[i].bkgNo)</a></div>
</td>
}
</tr>
</table>
}
jquery asp.net-mvc razor model
asked Nov 12 at 11:21
Arpita Dutta
2317
add a comment |
-1
I am trying to pass the value of a model to a jquery function (openBookingSnap)when a hyperlink is clicked.
But I am unable to get the value passed.
Here is my CSHTML Code. Please tell me what am I missing here?
@model List<Model.Booking>
@using (Html.BeginPanel(true))
{
<table>
<tr>
@for (int i = 0; i < Model.Count; i++){
if (i > 0 && i % 3 == 0)
{
@:</tr><tr>
}
<td>
<div id="dataListItem" style ="width: 90px"><a style="cursor: pointer;" onclick="VslVoy.Ux.openBookingSnap(Model[i].bkgNoUid);">@Html.DisplayFor(m => Model[i].bkgNo)</a></div>
</td>
}
</tr>
</table>
}
jquery asp.net-mvc razor model
asked Nov 12 at 11:21
Arpita Dutta
2317
use@and IfbkgNoUidis string wrap it in quotes i.e.onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"
– Satpal
Nov 12 at 11:25
You have invalid html because of duplicateidattributes. Use<div class="dataListItem" ...>instead. The recommended approach is to adddata-val-bkgNoUid="@Model[i].bkgNoUid"attribute to the<div>and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`
– user3559349
Nov 12 at 12:00
add a comment |
-1
-1
-1
I am trying to pass the value of a model to a jquery function (openBookingSnap)when a hyperlink is clicked.
But I am unable to get the value passed.
Here is my CSHTML Code. Please tell me what am I missing here?
@model List<Model.Booking>
@using (Html.BeginPanel(true))
{
<table>
<tr>
@for (int i = 0; i < Model.Count; i++){
if (i > 0 && i % 3 == 0)
{
@:</tr><tr>
}
<td>
<div id="dataListItem" style ="width: 90px"><a style="cursor: pointer;" onclick="VslVoy.Ux.openBookingSnap(Model[i].bkgNoUid);">@Html.DisplayFor(m => Model[i].bkgNo)</a></div>
</td>
}
</tr>
</table>
}
jquery asp.net-mvc razor model
asked Nov 12 at 11:21
Arpita Dutta
2317
I am trying to pass the value of a model to a jquery function (openBookingSnap)when a hyperlink is clicked.
But I am unable to get the value passed.
Here is my CSHTML Code. Please tell me what am I missing here?
@model List<Model.Booking>
@using (Html.BeginPanel(true))
{
<table>
<tr>
@for (int i = 0; i < Model.Count; i++){
if (i > 0 && i % 3 == 0)
{
@:</tr><tr>
}
<td>
<div id="dataListItem" style ="width: 90px"><a style="cursor: pointer;" onclick="VslVoy.Ux.openBookingSnap(Model[i].bkgNoUid);">@Html.DisplayFor(m => Model[i].bkgNo)</a></div>
</td>
}
</tr>
</table>
}
jquery asp.net-mvc razor model
jquery asp.net-mvc razor model
asked Nov 12 at 11:21
Arpita Dutta
2317
asked Nov 12 at 11:21
Arpita Dutta
2317
edited Nov 12 at 21:18
user3559349
asked Nov 12 at 11:21
Arpita Dutta
2317
asked Nov 12 at 11:21
Arpita Dutta
2317
asked Nov 12 at 11:21
Arpita Dutta
2317
2317
use@and IfbkgNoUidis string wrap it in quotes i.e.onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"
– Satpal
Nov 12 at 11:25
You have invalid html because of duplicateidattributes. Use<div class="dataListItem" ...>instead. The recommended approach is to adddata-val-bkgNoUid="@Model[i].bkgNoUid"attribute to the<div>and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`
– user3559349
Nov 12 at 12:00
add a comment |
use@and IfbkgNoUidis string wrap it in quotes i.e.onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"
– Satpal
Nov 12 at 11:25
You have invalid html because of duplicateidattributes. Use<div class="dataListItem" ...>instead. The recommended approach is to adddata-val-bkgNoUid="@Model[i].bkgNoUid"attribute to the<div>and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`
– user3559349
Nov 12 at 12:00
use
@ and If bkgNoUid is string wrap it in quotes i.e. onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"– Satpal
Nov 12 at 11:25
use
@ and If bkgNoUid is string wrap it in quotes i.e. onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"– Satpal
Nov 12 at 11:25
You have invalid html because of duplicate
id attributes. Use <div class="dataListItem" ...> instead. The recommended approach is to add data-val-bkgNoUid="@Model[i].bkgNoUid" attribute to the <div> and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`– user3559349
Nov 12 at 12:00
You have invalid html because of duplicate
id attributes. Use <div class="dataListItem" ...> instead. The recommended approach is to add data-val-bkgNoUid="@Model[i].bkgNoUid" attribute to the <div> and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`– user3559349
Nov 12 at 12:00
add a comment |
1 Answer
1
active
oldest
votes
0
I think you are missing @ before model - try like this
onclick="VslVoy.Ux.openBookingSnap(@(Model[i].bkgNoUid));"
Hope it works - Happy coding !!
answered Nov 12 at 11:25
Rahul
9731315
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53261114%2fpass-a-model-value-to-jquery-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
I think you are missing @ before model - try like this
onclick="VslVoy.Ux.openBookingSnap(@(Model[i].bkgNoUid));"
Hope it works - Happy coding !!
answered Nov 12 at 11:25
Rahul
9731315
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
add a comment |
0
I think you are missing @ before model - try like this
onclick="VslVoy.Ux.openBookingSnap(@(Model[i].bkgNoUid));"
Hope it works - Happy coding !!
answered Nov 12 at 11:25
Rahul
9731315
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
add a comment |
0
0
0
I think you are missing @ before model - try like this
onclick="VslVoy.Ux.openBookingSnap(@(Model[i].bkgNoUid));"
Hope it works - Happy coding !!
answered Nov 12 at 11:25
Rahul
9731315
I think you are missing @ before model - try like this
onclick="VslVoy.Ux.openBookingSnap(@(Model[i].bkgNoUid));"
Hope it works - Happy coding !!
answered Nov 12 at 11:25
Rahul
9731315
answered Nov 12 at 11:25
Rahul
9731315
answered Nov 12 at 11:25
Rahul
9731315
answered Nov 12 at 11:25
Rahul
9731315
9731315
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
add a comment |
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
Thank you so much :)
– Arpita Dutta
Nov 12 at 11:54
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
No problem - Happy coding :)
– Rahul
Nov 12 at 11:56
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53261114%2fpass-a-model-value-to-jquery-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
use
@and IfbkgNoUidis string wrap it in quotes i.e.onclick="VslVoy.Ux.openBookingSnap('@Model[i].bkgNoUid');"– Satpal
Nov 12 at 11:25
You have invalid html because of duplicate
idattributes. Use<div class="dataListItem" ...>instead. The recommended approach is to adddata-val-bkgNoUid="@Model[i].bkgNoUid"attribute to the<div>and use $('.dataListItem').click(function() { var id = $(this).data('bkgNoUid'); ..... });`– user3559349
Nov 12 at 12:00