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

Posted 2023-05-07

【中文标题】剑道网格模板内的剑道按钮数据单击不起作用

【英文标题】：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"吗？

【参考方案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/

希望你喜欢..

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