我是Kendo UI的新手。我有一个div
在HTML
:
<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")))
我准备了一个简单的演示供您在这里测试: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] 删除。
我来说两句