How to add data dash attribute using knockout js
13
I need attribute like data-id, data-action
<div class="dd" id="nestable3">
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="13">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div>
</li>
<li class="dd-item dd3-item" data-id="14">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div>
</li>
<li class="dd-item dd3-item" data-id="15">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="16">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
</li>
<li class="dd-item dd3-item" data-id="17">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
</li>
<li class="dd-item dd3-item" data-id="18">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
</li>
</ol>
</li>
</ol>
</div>
I need to create the attribute data-id="13".
How do I create it with knockout js attr binding...
knockout.js
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
add a comment |
13
I need attribute like data-id, data-action
<div class="dd" id="nestable3">
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="13">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div>
</li>
<li class="dd-item dd3-item" data-id="14">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div>
</li>
<li class="dd-item dd3-item" data-id="15">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="16">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
</li>
<li class="dd-item dd3-item" data-id="17">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
</li>
<li class="dd-item dd3-item" data-id="18">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
</li>
</ol>
</li>
</ol>
</div>
I need to create the attribute data-id="13".
How do I create it with knockout js attr binding...
knockout.js
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
3
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23
add a comment |
13
13
13
1
I need attribute like data-id, data-action
<div class="dd" id="nestable3">
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="13">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div>
</li>
<li class="dd-item dd3-item" data-id="14">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div>
</li>
<li class="dd-item dd3-item" data-id="15">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="16">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
</li>
<li class="dd-item dd3-item" data-id="17">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
</li>
<li class="dd-item dd3-item" data-id="18">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
</li>
</ol>
</li>
</ol>
</div>
I need to create the attribute data-id="13".
How do I create it with knockout js attr binding...
knockout.js
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
I need attribute like data-id, data-action
<div class="dd" id="nestable3">
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="13">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 13</div>
</li>
<li class="dd-item dd3-item" data-id="14">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 14</div>
</li>
<li class="dd-item dd3-item" data-id="15">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="16">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
</li>
<li class="dd-item dd3-item" data-id="17">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
</li>
<li class="dd-item dd3-item" data-id="18">
<div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
</li>
</ol>
</li>
</ol>
</div>
I need to create the attribute data-id="13".
How do I create it with knockout js attr binding...
knockout.js
knockout.js
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
edited Nov 12 '18 at 15:00
CaptainBli
2,83122650
2,83122650
asked Feb 2 '13 at 18:36
vimal prakash
69611125
asked Feb 2 '13 at 18:36
vimal prakash
69611125
asked Feb 2 '13 at 18:36
vimal prakash
69611125
69611125
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
3
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23
add a comment |
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
3
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
3
3
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23
add a comment |
1 Answer
1
active
oldest
votes
26
Use the attr binding data-bind="attr: {'data-id': id}"
answered May 14 '14 at 1:19
Moes
9,07843949
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%2f14665131%2fhow-to-add-data-dash-attribute-using-knockout-js%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
26
Use the attr binding data-bind="attr: {'data-id': id}"
answered May 14 '14 at 1:19
Moes
9,07843949
add a comment |
26
Use the attr binding data-bind="attr: {'data-id': id}"
answered May 14 '14 at 1:19
Moes
9,07843949
add a comment |
26
26
26
Use the attr binding data-bind="attr: {'data-id': id}"
answered May 14 '14 at 1:19
Moes
9,07843949
Use the attr binding data-bind="attr: {'data-id': id}"
answered May 14 '14 at 1:19
Moes
9,07843949
answered May 14 '14 at 1:19
Moes
9,07843949
answered May 14 '14 at 1:19
Moes
9,07843949
answered May 14 '14 at 1:19
Moes
9,07843949
9,07843949
add a comment |
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%2f14665131%2fhow-to-add-data-dash-attribute-using-knockout-js%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
What do you have so far? Have you read the attr binding documentation it has a section about the data dash attributes at the end...
– nemesv
Feb 2 '13 at 18:39
3
possible duplicate of Working with knockoutjs attr to write data* attributes
– nemesv
Feb 2 '13 at 18:42
Possible duplicate of Knockout JS - CSS Binding with dash in class name
– BSMP
Apr 13 '16 at 19:23