Wie kann ich Parameter übergeben, javascript in einem kendo-grid-column template?

Ich habe einen kendo-raster mit einer Spalte template. Ich versuche einen Wert aus der aktuellen Zeile als parameter für meine javascript-Funktion. Mein code:

{
  field: "CrmTaskId",
  title: "Crm ", 
  template: '<a href="javascript:hrefTest(#=CrmTaskId#);" ># if( CrmTaskId==null) {#<span><span># } else {#<span>#: CrmTaskId#<span>#} #</a>'

}

hrefTest javascript-Funktion mit einem param. Aber es funktioniert nicht. Irgendwelche Ideen?

hrefTest(CrmTaskId) oder hrefTest(Daten.CrmTaskId) funktioniert nicht
Haben einen Blick auf dieses [post][1]...... [1]: stackoverflow.com/questions/18740487/...

InformationsquelleAutor PaulStanek | 2014-04-08

  1. 2

    Es getan werden kann, wie dies

    .ClientTemplate("<a href='javascript: void(0);' 
 onclick=\"return YourJSFunction('#= OpportunityUrl #');\">#= OpportunityName #</a>")

    Dies ist Teil der Spalte definition, also was es sagt, ist...Machen die OpportunityName
    anklickbar und pass in die OpportunityUrl. #= Field # ist die syntax für das ziehen von Werten aus der Modell.

    Ich glaube nicht, verwenden Sie mvc Helfer. Nur html und javascript. Wie definieren Sie Kunden-template in javascript?
    Haben Sie versuchen Sie, was ist innen ClientTemplate() zu template:
    unter diesem link stackoverflow.com/questions/19819127/...

    InformationsquelleAutor CSharper

  2. 2

    Verwenden :

    {
   field: "Field",
   editable: true,
   title: "Title",
   template: showRelatedLink,
   allownull: true,
   width: 100
}

    und dann in Ihrer Funktion :

    function showRelatedLink(container, options)
{
    var yourVariable = container.YourField;
}

    InformationsquelleAutor MRP

  3. 1

    Habe ich versucht mit dem code aber nicht in der Lage, um dieses Problem zu reproduzieren. Bitte erstellen Sie neue HTML - /CSHTML-Seite und überprüfen es.

    <!DOCTYPE html>
<html>
<head> 
<title>Test</title>
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css"  />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css"  />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
var movies = [
                    { "CrmTaskId": 1, "rating": 9.2, "year": 1994, "title": "The Shawshank Redemption"},
                    { "CrmTaskId": 2, "rating": 9.2, "year": 1972, "title": "The Godfather"},
                    { "CrmTaskId": null, "rating": 9, "year": 1974, "title": "The Godfather: Part II" },
                    { "CrmTaskId": '', "rating": 9.9, "year": 1874, "title": "The Godmother: Part III" }

                ];

function hrefTest(CrmTaskId)
{
    alert("CrmTaskId is: " + CrmTaskId);
}


$(document).ready(function () {
    $("#grid").kendoGrid({
        dataSource: {
            data: movies,
            pageSize: 10
        },
        groupable: true,
        sortable: true,
        pageable: {
            refresh: true,
            pageSizes: true
        },
        columns: [{
            field: "CrmTaskId",
            title: "Crm"
        }, {
            field: "title",
            title: "title"
        },
    {
        template: '<a href="javascript:hrefTest(#=CrmTaskId#);" ># if( CrmTaskId==null) {#<span><span># } else {#<span>#: CrmTaskId#<span>#} #</a>'
    }
    ]
    });
});

</script>
</body>
</html>

    Versuchen Sie es bitte mit dem folgenden code-snippet.

    Dein code funktioniert. Diese kendo-grid Problem. Sie können nicht verwenden Sie den Wert aus der gleichen Spalte als Vorlage.
    Sie können nicht hinzufügen-Feld und die Vorlage sowohl in einer Spalte. Denn Sie sind die gleichen wie BoundColumn und TemplateColumn. Wenn nötig, dann benutzen Sie bitte ClientTemplate.

    InformationsquelleAutor Jayesh Goyani

  4. 0

    Können Sie ein Feld an eine Funktion wie folgt zu:

    Grid:

        columns: [
       { field: "ProductTypeID", title: "Type", template: "#=product_type_to_name(ProductTypeID)#" },
    ]

    Funktion:

    function product_type_to_name(product_type_id) {
    console.log(product_type_id);
    var name = "";
    //convert ID to name
    return name;
}

    InformationsquelleAutor xinthose

Schreibe einen Kommentar