剑道网格模板内的剑道按钮数据单击不起作用答案

【问题标题】：Kendo button data click inside kendo grid template not working剑道网格模板内的剑道按钮数据单击不起作用
【发布时间】：2014-10-10 10:02:02
【问题描述】：

我有一个这样的剑道网格。在此模板中，我对按钮使用 data-click 属性，但事件根本没有触发。我不知道出了什么问题。

这是我的代码。谁能帮忙。

    $("#defect_grid_general").kendoGrid({
        dataSource: ELQApp.GeneralDefectStore,
        columns: [
                { field: "Name", title: "Component" },
                { field: "Opname", title: "Operation" },
                { field: "DefectDescription", title: "Defect" },               
                { field: "qty", title: "Qty", template: "<input type='text' readonly='readonly' id=#=ELQGeneralDefectInfoId# onclick='ELQApp.ELQViewModel.LaunchKeyPad(this.id,&quot;gen_defect&quot;)'  style='width:60px' value='#=DefectQty#' readonly=readonly/> <a id='decrement_qty' name='-' data-role='button' onmousedown = 'ELQApp.ELQViewModel.IncrementDecrementValuesBtn1(this.name,&quot;#:ELQGeneralDefectInfoId#&quot;,&quot;update&quot;)' class='km-button minusBtn'></a><a  data-role='button' data-name='+'  data-type=#=ELQGeneralDefectInfoId#  data-flag='update' id='increment_qty' data-click='ELQApp.ELQViewModel.IncrementDecrementValuesBtn' class='km-button plusBtn'></a>", width: "155px" },
                { field: "", title: "", template: "<button  data-click='ELQApp.ELQViewModel.RemoveGeneralDefect'>Delete</button>" },
                { field: "", title: "", template: "<input type='button' value='More Info' name=#=ELQGeneralDefectInfoId# onclick='ELQApp.ELQViewModel.OpenModal(&quot;more_info_popup&quot;,this.name,this)' id='rem'/>", width: "110px" },
                { field: "", title: "", template: "<a id =#=ELQGeneralDefectInfoId# onclick='ELQApp.ELQViewModel.RemoveGeneralDefect(this.id)' class='deleteBtn'></a>", width: "50px" }
        ],
        height: 220,
    });

【问题讨论】：

你试过data-bind="click: ELQApp.ELQViewModel.RemoveGeneralDefect"吗？

标签： javascript html kendo-ui kendo-grid kendo-mobile

【解决方案1】：

嘿，钦萨卡，

     <div id="test-grid" data-role="grid"  data-bind="source: testDataSource" 
     data-columns='[
            { 
                field: "Site",
                title: "Site"
            } , 
            { 
                title: "Action",
                template: kendo.template($("#conditional-action-template").html())

            }

        ]'></div>

<div id="log"></div>

  <script id="conditional-action-template" type="text/x-kendo-template">
# if(FirstActionEnabled) { #
<div class='action circle' data-bind="click: firstActionClick"></div>
# } #
# if(SecondActionEnabled) { #
<div class='action square' data-bind="click: secondActionClick"></div>
# } #
</script>

我给你小提琴链接..

Link-http://jsfiddle.net/falafelsoftware/B8ynX/

希望你喜欢..

如果你喜欢，别忘了给我投票...

【讨论】：