原創(chuàng)|使用教程|編輯:龔雪|2020-08-10 10:32:16.373|閱讀 237 次
概述:Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù),本文Kendo UI Grid支持行模板,使您可以將自定義內(nèi)容放入Grid行。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
相關(guān)鏈接:
Kendo UI for jQuery R2 2020 SP1試用版下載
Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個(gè)控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)。
Kendo UI Grid支持行模板,使您可以將自定義內(nèi)容放入Grid行。
有關(guān)可運(yùn)行的示例,請(qǐng)參閱:
如果從div元素初始化Grid,則可以通過(guò)使用腳本標(biāo)簽中的模板或列對(duì)象上的template選項(xiàng)中的模板來(lái)格式化Grid中的任何單元格。
下面的示例演示如何使用模板通過(guò)腳本塊中聲明的模板將電子郵件地址格式化為超鏈接。
<script id="template" type="text/x-kendo-tmpl"> <tr> <td> #= firstName # </td> <td> #= lastName # </td> <td> <a href="mailto:#= email #">#= email #</a> </td> </tr> </script>
下面的示例演示如何通過(guò)將其傳遞到rowTemplate選項(xiàng)并使用kendo.template函數(shù)對(duì)其進(jìn)行初始化,來(lái)將前一種方法指定為每行的模板。 結(jié)果,電子郵件地址是一個(gè)交互式超鏈接,當(dāng)用戶單擊它時(shí),它將打開(kāi)一個(gè)新的電子郵件。
$("#grid").kendoGrid({ rowTemplate: kendo.template($("#template").html()), // Other configuration. });
如圖:具有已應(yīng)用行模板的網(wǎng)格
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)