Kendo verificar o evento
Estou a tentar ver o evento de Kendo checkbox, mas não consegui que funcionasse. Tenho a certeza que me está a escapar alguma coisa. Como passei mais de uma hora nesta coisa simples, Estou muito cansado. A seguir está o excerto de código.
HTML
<div class="bottomPadding row">
<div class="col-md-4 col-sm-4 col-xs-12 col">
<label>Send Activation Link</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col">
<input id="sendLink" type="checkbox" data-bind="checked: Account.IsLink" />
</div>
</div>
e o código JS,
$("#sendLink").click(function () {
if (this.checked) {
console.log("hit");
}
});
Por favor, corrija-me onde me meti.
P. s: referi-me a poucas respostas, algumas não têm respostas e algumas não estão a funcionar no meu caso.
0
Author: Ignacio Ara, 2018-04-20
2 answers
Eu corri o seu código na minha máquina e recebi o evento click muito bem, aqui está o meu código:
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 col">
<label>Send Activation Link</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col">
<input id="sendLink" type="checkbox" data-bind="checked: Account.IsLink" />
</div>
</div>
<script>
$(document).ready(function () {
clickHookup();
})
</script>
E no meu ficheiro JS:
function clickHookup() {
$("#sendLink").click(function () {
if (this.checked) {
console.log("hit");
}
});
}
1
Author: GeorgeB, 2018-04-20 10:59:55
O código acima funciona bem, mas não é o kendo. É pura jQuery. Para usar o kendo, por favor verifique este
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<link href="https://da7xgjtj801h2.cloudfront.net/2015.2.624/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="https://da7xgjtj801h2.cloudfront.net/2015.2.624/styles/kendo.silver.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://da7xgjtj801h2.cloudfront.net/2015.2.624/js/kendo.ui.core.min.js"></script>
<title>JS Bin</title>
</head>
<body>
<div class="bottomPadding row">
<div class="col-md-4 col-sm-4 col-xs-12 col">
<label>Send Activation Link</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col">
<input id="sendLink" type="checkbox" data-bind="checked: Account.IsLink" />
</div>
<div class="col-md-4 col-sm-4 col-xs-12 col">
<label>Copy Activation Link</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 col">
<input id="sendLinkCopy" type="checkbox" data-bind="checked: Account.IsLink" />
</div>
</div>
<script>
$("#sendLink").click(function () {
if (this.checked) {
console.log("hit");
}
});
var viewModel = kendo.observable({
Account: {
IsLink: false
}
});
kendo.bind($("#sendLink"), viewModel);
kendo.bind($("#sendLinkCopy"), viewModel);
</script>
</body>
</html>
Note que o sendLinkCopy actualiza as actualizações com base nas alterações na caixa de verificação do sendLink. É tratado por kendo.
2
Author: Prashant Sinha, 2018-04-20 11:04:34