Ссылка Href не отображается должным образом
Я использую строку меню Kendo для вызова функции JavaScript по щелчку пункта меню. Но url
меню кендо не отображается должным образом. Ниже приведен код
function kendoMenu() {
$('#menu').kendoMenu({
//orientation: "vertical",
dataSource: [
{
text: "Export",
value: "newtransaction",
items: [
{
text: " Managers",
value: "managers",
url: "javascript:ImportExport('OFD')"
},
{
text: " Terms",
value: "terms",
url: "javascript:doImportExport('OFI')"
},
]
},
],
// select: onKendoMenuselect
});
}
Но когда я запускаю программу, на стороне HTML она отображается как
<a class="k-link" href="javascript:ImportExport(" ofi')'=""> Terms</a>
Но я хочу, чтобы href отображался как:
<a class="k-link" href="javascript:ImportExport('ofi')"> Terms</a>
Какой должен быть лучший подход? Спасибо за помощь заранее.
2 ответа
Решение
Escape-кавычки внутри строки, используя обратную косую черту (\
)
url: "javascript:ImportExport(\"OFD\")"
url: "javascript:doImportExport(\"OFI\")"
Вы можете сделать это в выбранном событии, попробуйте код ниже.
$('#menu').kendoMenu({
//orientation: "vertical",
dataSource: [
{
text: "Export",
value: "newtransaction",
items: [
{
text: " Managers",
value: "managers"
},
{
text: " Terms",
value: "terms"
},
]
},
],
function onMenuSelect(ev) {
var selected=ev.item.textContent;
if(selected == "Managers"){
window.location.href='your url here';
}
else
{
and so on...
}
}
});