I want to call on click function in template file with script type "text/x-magento-init".
Then please tell me how can i do this?
2 Answers
Add below code in js file:
define(['jquery'], function ($) {
'use strict';
return function (config) {
console.log(config);
$(document).on("click","input[id^='your-button-id-here']", function () {
console.log('click');
});
};
});
Add below code in template file:
<script type="text/x-magento-init">
{
"*": {
"Your component name here": {"url":"value"}
}
}
</script>
-
1I already used this but this is not standard coding.I want to use script type text/x-magento-initSneha Panchal– Sneha Panchal2016-11-22 07:55:50 +00:00Commented Nov 22, 2016 at 7:55
-
How can i get component value in js file?Sneha Panchal– Sneha Panchal2016-11-22 10:52:33 +00:00Commented Nov 22, 2016 at 10:52
-
1use
$(this).val();codePrashant Valanda– Prashant Valanda2016-11-22 11:56:46 +00:00Commented Nov 22, 2016 at 11:56 -
Actually i want to pass url from template file and want to get url in js file then how can i get?Sneha Panchal– Sneha Panchal2016-11-22 12:07:38 +00:00Commented Nov 22, 2016 at 12:07
-
@SnehaPanchal updated answer please check itPrashant Valanda– Prashant Valanda2016-11-22 12:16:12 +00:00Commented Nov 22, 2016 at 12:16
.js file add this function
myfunction: function () {
$('#your_id').click(function () {
//your code goes here
});
},`
Your template data-bind should be:
<input type="text"
id="your_field_id"
name="name"
data-validate="{required:true}"
data-bind='
attr: {title: $t("title")},
value: fieldvalue,
event: { "input": myfunction}'
class="input-text"/>
-
This function not call.I want to add function while click on buttonSneha Panchal– Sneha Panchal2016-11-22 09:42:40 +00:00Commented Nov 22, 2016 at 9:42
-
then use the event attribute in submit button.rajat kara– rajat kara2016-11-22 10:13:31 +00:00Commented Nov 22, 2016 at 10:13
-
<button class="action primary checkout" type="submit" data-bind=" click: myfunction, attr: {title: $t('title')}, )} " data-role="review-save"> </button>rajat kara– rajat kara2016-11-22 10:15:01 +00:00Commented Nov 22, 2016 at 10:15