【问题标题】:How to use Kendo UI Template to replace jQuery's AppendTo?如何使用 Kendo UI Template 替换 jQuery 的 AppendTo?
【发布时间】:2014-08-26 03:09:44
【问题描述】:

现在我正在使用 jQuery 的 AppendTo 方法将字符串元素添加到 div 用于输入:

var fixedpricePanelDiv = 
'<label class="control-label">Fixed price: </label>'
+'<input id="cakpriceNum" name="cakcommitprice[cakprice]" type="number"/>'
+'<input id="cakpriceunitidDdl" name="cakcommitprice[cakpriceunitid]" />';
$(fixedpricePanelDiv).appendTo($("#panel"));

<div id="panel"></div>

如果我现在更改为 KendoUI 模板,该怎么做?

【问题讨论】:

    标签: templates kendo-ui


    【解决方案1】:

    做流动

    <div id="example"></div>
            <script>
                var template = kendo.template('<label class="control-label">Fixed price: </label>'+'<input id="cakpriceNum" name="#= cakprice#" type="number"/>'+'<input id="cakpriceunitidDdl" name="#= cakpriceunitid#" />');
    
                var data = { cakpriceunitid: "some val",cakprice:"some val" }; //A value in JavaScript/JSON
                var result = template(data); /Pass the data to the compiled template
                $("#example").html(result); //display the result
            </script>
    

    更多信息查看文档http://docs.telerik.com/kendo-ui/getting-started/framework/templates/overview

    【讨论】:

    • 嗨 cwishva 我期望的是没有“var data”语句,这纯粹是:var template = kendo.template(''+''+'');这将在表单中显示为没有值的输入字段。有什么进一步的建议吗?
    • 我很困惑,你只需要两个输入就可以显示在一个表单中吗?不涉及价值观?
    • 其实场景是这样的,假设我有一个插入按钮,每次点击都会提供一行输入标签和框;第二种情况是我有一个表单,表单的一部分会被添加按钮重用,假设我有一个容器和它的 BL 输入,但是容器会有几个 BL,所以我将使用插入按钮添加一个新行输入BL信息。
    • @cwishva 你好cwishva,其实我关心的不是数据展示模板而是数据输入模板
    • 嗨 cwishva,kendo.View 可以用来解决我的问题
    【解决方案2】:

    自从 Kendo Document 的研究以来,我认为 kendo.view 就是用于此目的

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-10-18
      • 1970-01-01
      • 2014-08-10
      • 1970-01-01
      • 1970-01-01
      • 2018-04-25
      • 2016-04-18
      相关资源
      最近更新 更多