我使用了一些Kendo Telerik控件设计了一个视图.我不知道如何将他们的控件绑定到数据.
这个生成的脚手架方法有效:
@Html.EditorFor(model => model.surName, new { htmlAttributes = new { @class = "form-control" } })
Run Code Online (Sandbox Code Playgroud)
如何绑定Kendo文本框?
@(Html.Kendo().TextBox()
.Name("fName")
.HtmlAttributes(new { placeholder = "First Name", required = "required", validationmessage="Enter First Name" })
)
Run Code Online (Sandbox Code Playgroud) 以下代码切换组中的按钮.我很乐意改变这些按钮的CSS,尤其是所选按钮.
<span class="label label-primary">Age</span>
<div class="btn-group" id="ageID">
<button type="button" style="width:120px" class="btnMyAge btn-default" id="3">Under 10</button>
<button type="button" style="width:120px" class="btnMyAge btn-default" id="1">Under 50</button>
<button type="button" style="width:120px" class="btnMyAge btn-default" id="2">Over 50</button>
</div>
<script>
$(".btn-group > .btnMyAge").click(function () {
$(this).addClass("active").siblings().removeClass("active");
})
</script>
Run Code Online (Sandbox Code Playgroud)
我的自定义CSS文件:
.btnMyAge, .btn:active
{
background-color: #ffe13a;
}
Run Code Online (Sandbox Code Playgroud)