我试图将单击事件绑定到kendo工具栏中的按钮。我正在使用模板创建按钮。我正在使用带有角的Kendo Jquery。任何帮助将不胜感激。
到目前为止，我已经使用Kendo Jquery文档尝试过此操作：
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/toolbar/index">
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-content wide">
<div id="toolbar"></div>
</div>
<script>
$(document).ready(function () {
$("#toolbar").kendoToolBar({
items: [
{
template: "<a href='' class='k-icon-text-button k-button k-button-icontext k-toolbar-first-visible'><span class='k-icon k-i-save'></span>Save</a>"
},
{
template: "<a href='' class='k-icon-text-button k-button k-button-icontext k-toolbar-first-visible'><span class='k-icon k-i-arrows-swap'></span>Top/Bottom</a>"
},
{
template: "<a href='' class='k-icon-text-button k-button k-button-icontext k-toolbar-first-visible'><span class='k-icon k-i-pencil'></span>Edit</a>" …我有一个组件,其中有两个bootstrap模型,它根据某些条件打开.
我点击模型上有一个按钮,有成功的http调用我需要关闭模型.
我正在使用modelRef来做到这一点.这适用于一个但不适用于另一个.
<ng-template #viewRemark let-c="close" let-d="dismiss">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="NewPricingTitle">Remarks </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" (click)="d('Cross click')">?</span>
</button>
</div>
<div class="modal-body mt-0 pt-0">
<div class="row table-filter">
<div class="col">
<div class="form-group row">
<label for="staticEmail" class="col-sm-5 col-form-label">PO Number:</label>
<div class="col-sm-7">
<input type="text" readonly="" class="form-control-plaintext font-weight-bold" value="{{modalData.orderNumber}}">
</div>
</div>
<div class="form-group row">
<label for="staticEmail" class="col-sm-5 col-form-label">PO Date:</label>
<div class="col-sm-7">
<input type="text" readonly="" class="form-control-plaintext font-weight-bold" value="{{modalData.orderDate | date:'dd/mm/yyyy'}}">
<label>{{modalData.orderdate | date:'dd/mm/yyyy'}}</label>
</div>
</div>
</div>
</div>
<hr/> …我的要求是在同一个 html 中使用两个以上的日期选择器。我正在使用 ngx-bootstrap 日期选择器。我的日期选择器有一个点击日期选择器显示的图像。但是当我使用两个以上的日期选择器时，日期选择器无法正常工作。只是说我有两个日期选择器，上面有图像 A 和 B。当我点击日期选择器的图像时会显示 A，但是当我点击 B 的图像时，它只切换 A，反之亦然. 单击图像时，我正在调用 dp.toggle() 函数，这对于其他日期选择器也是相同的。我可能是非常错误的，但我认为因为它指的是同一个旧的 dp 实例。我不能使用日期范围选择器，因为在日期范围选择器中为两个日期选择值是强制性的，而对我来说情况并非如此。
我尝试谷歌搜索，但没有找到任何相关信息。任何帮助/建议将不胜感激。谢谢
我正在尝试在我的离子应用程序中实现拖放。我正在使用 angular-draggable-droppable。
我的代码如下：
*****app.module.ts*****
import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { DragAndDropModule } from 'angular-draggable-droppable';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { NgCircleProgressModule } from 'ng-circle-progress';
@NgModule({ …