爲劍道UI網格設置標題和附加屬性

我正在使用劍道UI網格來顯示數據。我想爲網格設置標題。是否有設置它的方法。爲劍道UI網格設置標題和附加屬性

另外我想爲網格設置一些額外的/定製的屬性，這將有助於唯一地識別網格。任何可以設置爲網格的自定義屬性，以便在需要時可以獲取它的值。

因此，如果網格上有更多的實例，這將有所幫助。

請對此建議。

$.each($(".k-grid"), function (idx, grid) { 
    // Do whatever you want to do with "grid" 
    ... 
});

如果你想添加標題，可能是這樣的：

$.each($(".k-grid"), function (idx, grid) { 
    $(grid).data("kendoGrid").wrapper.prepend('<div class="k-grid-header"><table><thead><tr><th class="k-header">Title</th></tr></thead></table></div>'); 
});

對於click事件設置爲HTML img

來源

2013-05-16 user2117983

通過所有的表迭代可以做到用元素，你可以這樣做：

$("tr", ".k-grid").on("click", "img:first", function() { 
    // Here "this" is the "img" on which you clicked, finding the grid is: 
    var grid = $(this).closest(".k-grid").data("kendoGrid"); 
    console.log("grid", grid); 
    // If you want to access the "id" 
    console.log("id", grid.element.attr("id")); 
});

一旦你點擊第一張圖片每行我在事件處理程序中做的是找到與k-grid類（網格）最接近的HTML元素：這是包含網格的HTML。

如果您想獲得Kendo UI grid元素，您需要使用data("kendoGrid")。

簡單而優雅。

在此的jsfiddle：http://jsfiddle.net/OnaBai/2qpT3/2/，如果你點擊「添加標題」按鈕，添加標題到每個表，如果你點擊「添加處理程序」，然後在圖像中，你將獲得與id的警報圖像所屬的表格。

編輯：如果你想要遍歷每個圖像是在第一欄，在文檔每KendoUI格的，你應該做的：

$.each($("td:first > img", ".k-grid table tbody > tr"), function (idx, elem) { 
    // "elem" is the image 
    console.log(idx, elem); 
    // associate event 
    $(elem).on("click", fnHandler); 
});

來源

2013-05-16 07:26:31 OnaBai

感謝您的回覆。標題是網格的標題，而不是列。我從代碼中動態添加html元素。我想要的是當我點擊該行然後發生行更改事件。因爲我想獲取網格的ID，因爲網頁上可能有多個網格。我也可以設置一些自定義屬性，在需要時可以訪問該值。真的非常感謝您的回覆和建議。請在此建議。 – user2117983

非常感謝您的快速回復和幫助。標題添加完成了這個把戲。那太棒了。感謝那。 – user2117983

標題相關問題已完成。感謝那。 – user2117983

我寧願更改標題這樣：

$("#grid th[data-field=Field]").html("Title");

來源

2016-03-07 18:56:34 lpfx

爲劍道UI網格設置標題和附加屬性

回答

相關問題