Asp.net-Mvc
如何在劍道模板中動態設置列
如何在劍道模板中為劍道網格動態設置列。在我的劍道網格中,列會根據使用者偏好動態更改。如何動態創建劍道模板?我正在使用劍道 JavaScript,如果同樣的事情,我可以切換到劍道 MVC我可以在那裡實現。還有其他方法可以實現嗎?
<script id="rowTemplate" type="text/x-kendo-template"> <tr class="k-master-row"> <td> <div>#=column1#</div> </td> <td><span class="mydesign" title="column2#"</span></td> <td>#column3#</td> <td>#=column4#</td> </tr> </script>編輯:在劍道網格中,我們動態設置列。現在的問題是我們如何設置內容表和標題表的動態寬度。如果它超過了最大寬度,我們如何啟用水平捲動條。有什麼方法可以實現這一目標嗎?
我沒有將 kendo 用於 MVC,但我仍然可以解釋如何使用正常 kendo 函式來執行此操作。
基本上,您可以通過將 html 字元串傳遞給
kendo.template. 然後您可以將新模板實例分配給網格rowTemplate(或altRowTemplate),然後呼叫dataSource.read()以強制刷新網格。您可以生成自己的 html 字元串或更新頁面中的現有模板,然後使用 jquery
html()將其轉換為字元串。前任:
var htmlTemplate = ''; if (userPreferences.likeRed) { htmlTemplate ='<tr class="k-master-row"><td style="background-color:red">#column1#</td></tr>' } else { htmlTemplate ='<tr class="k-master-row"><td style="background-color:green">#column1#</td></tr>' } $("#grid").data("kendoGrid").rowTemplate = kendo.template(htmlTemplate); $("#grid").data("kendoGrid").dataSource.read();