单击kendo按钮时如何在div中添加新的文本框?

阿伦·赛威玛娜(Arun Sai Vemana)

我是Kendo UI的新手。我有一个divHTML

<div id="newlabel"></div>

在此div,我想使用来添加label数量不断增加的新商品kendo UI button

@(Html.Kendo().Button()
    .Name("button name")
    .HtmlAttributes(new { type = "button",
                          @class = "k-primary", 
                          id = "NewButton",
                          param = "newlabel",
                          style = "height:1.9em;font-size:11px;margin-top:8px;"})
    .Content(NEW BUTTON")
    .Events(ev => ev.Click("Addlabel"))) 
戴维·肖特霍斯(David Shorthose)

我准备了一个简单的演示供您在这里测试:http : //dojo.telerik.com/orOKI/3

这使用与MVC包装器基本相同的设置。

您需要做的就是将@Data_target =“ { YourDivIDHere }”添加到html属性中,如下所示:

.HtmlAttributes(new { type = "button",
                          @class = "k-primary", 
                          @Data_target="MyDivHere", 
                          id = "NewButton",
                          param = "newlabel",
                          style = "height:1.9em;font-size:11px;margin-top:8px;"})

然后,这会将data-target属性加载到按钮上,因此您可以定位正确的包含div。(这也意味着您可以在以后更改div。

然后使用我创建的函数,addItems我们将得到以下内容:

function addItems(e)
              {

                var target = $(e.sender.element[0]).data("target");
                $('#' + target).append('<div class="form-group">
                 <label class="col-md-2 form-label">I\'m a label</label>
                 <div class="col-md-10">
                 <input type="textbox" class="form-control" />
                 </div></div>'); 


              }

如果这是页面上唯一使用此特定data属性的项目,则可以直接从按钮获取data-target属性,而无需导航按钮结构以获取其ID,就可以直接调用该属性。

然后,我要做的就是将标签和文本框附加到div及其上。

如果您需要更多信息,或者您的要求比这涉及的更多,那就让我来。

请注意,您始终可以使用,kendo template这样以后可以更轻松地进行编辑。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击“编辑”按钮时如何在gridview中获取文本框值?

来自分类Dev

单击按钮时如何在文本框中显示不同的sql数据

来自分类Dev

每次用户单击Windows Phone中的按钮时,如何增加文本框的值?

来自分类Dev

如何在文本框中创建发票编号并在单击按钮时自动增加发票编号?

来自分类Dev

如何在uwp的其他页面上单击按钮的文本框中设置值?

来自分类Dev

如何在单选按钮旁边添加文本框

来自分类Dev

当我在文本框中单击时如何在wpf中启用弹出控件?

来自分类Dev

如何在WPF中向文本框添加“清除”按钮?

来自分类Dev

单击按钮时显示文本框

来自分类Dev

单击时如何使文本框中的文本消失?

来自分类Dev

3个文本框,1个按钮,单击按钮时,将文本放在光标所在的文本框中

来自分类Dev

当使用JavaScript中的单个功能单击其他单选按钮时,如何禁用文本框?

来自分类Dev

单击Angular JS中的按钮添加新文本框

来自分类Dev

单击tr隐藏并显示文本框,然后单击按钮在div中打印相同的文本框

来自分类Dev

如何在UWP的文本框中添加2个按钮?

来自分类Dev

如何在单击按钮时在div内显示文本框的内容?

来自分类Dev

单击相应按钮时如何在文本框中附加特殊符号

来自分类Dev

单击按钮时无法显示文本框中的文本?

来自分类Dev

如何在文本框中创建发票编号并在单击按钮时自动增加发票编号?

来自分类Dev

如何在uwp的其他页面上单击按钮的文本框中设置值?

来自分类Dev

如何在单击按钮时使用客户端脚本来修改文本框

来自分类Dev

如何在单击按钮时在div上添加图像和文本框

来自分类Dev

单击按钮添加新标签和文本框

来自分类Dev

单击表单提交以外的按钮后,如何在jsp页面的会话中添加一些文本框值?

来自分类Dev

如何在WPF中单击按钮更新文本框背景色

来自分类Dev

在按钮单击和选项上添加新的div以选择显示文本框的选项

来自分类Dev

按钮单击wpf时如何验证空文本框?

来自分类Dev

单击swt中的按钮时如何创建文本框?

来自分类Dev

如何在文本框中显示 JSON 条目并在单击按钮时在字符串中移动?

Related 相关文章

  1. 1

    单击“编辑”按钮时如何在gridview中获取文本框值?

  2. 2

    单击按钮时如何在文本框中显示不同的sql数据

  3. 3

    每次用户单击Windows Phone中的按钮时,如何增加文本框的值?

  4. 4

    如何在文本框中创建发票编号并在单击按钮时自动增加发票编号?

  5. 5

    如何在uwp的其他页面上单击按钮的文本框中设置值?

  6. 6

    如何在单选按钮旁边添加文本框

  7. 7

    当我在文本框中单击时如何在wpf中启用弹出控件?

  8. 8

    如何在WPF中向文本框添加“清除”按钮?

  9. 9

    单击按钮时显示文本框

  10. 10

    单击时如何使文本框中的文本消失?

  11. 11

    3个文本框,1个按钮,单击按钮时,将文本放在光标所在的文本框中

  12. 12

    当使用JavaScript中的单个功能单击其他单选按钮时,如何禁用文本框?

  13. 13

    单击Angular JS中的按钮添加新文本框

  14. 14

    单击tr隐藏并显示文本框,然后单击按钮在div中打印相同的文本框

  15. 15

    如何在UWP的文本框中添加2个按钮?

  16. 16

    如何在单击按钮时在div内显示文本框的内容?

  17. 17

    单击相应按钮时如何在文本框中附加特殊符号

  18. 18

    单击按钮时无法显示文本框中的文本?

  19. 19

    如何在文本框中创建发票编号并在单击按钮时自动增加发票编号?

  20. 20

    如何在uwp的其他页面上单击按钮的文本框中设置值?

  21. 21

    如何在单击按钮时使用客户端脚本来修改文本框

  22. 22

    如何在单击按钮时在div上添加图像和文本框

  23. 23

    单击按钮添加新标签和文本框

  24. 24

    单击表单提交以外的按钮后,如何在jsp页面的会话中添加一些文本框值?

  25. 25

    如何在WPF中单击按钮更新文本框背景色

  26. 26

    在按钮单击和选项上添加新的div以选择显示文本框的选项

  27. 27

    按钮单击wpf时如何验证空文本框?

  28. 28

    单击swt中的按钮时如何创建文本框?

  29. 29

    如何在文本框中显示 JSON 条目并在单击按钮时在字符串中移动?

热门标签

归档