{ name: "text", flags: [ {status: true}, {status: false}, {status: false} ] }<tr>
<td data-bind="html: name"></td>
<td><input type="checkbox" data-bind="check: status" /></td>
<td><input type="checkbox" data-bind="check: status" /></td>
<td><input type="checkbox" data-bind="check: status" /></td>
</tr><script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="html: name"></td>
<xxx data-template="flags-template" data-bind="source: flags"></xxx>
</tr>
</script>
<script id="statuses-template" type="text/x-kendo-template">
<td><input type="checkbox" data-bind="checked: status" /></td>
</script>
[ {name: "text"}, {status: true}, {status: false}, {status: false} ]
<form>
<!-- in this case, I set required at the ul level !-->
<ul required="required" validationMessage="You must enter a gender">
<li>
<input id="male" name="mf" type="checkbox" value="Male" />
<label for="male">Male</label>
</li>
<li>
<input id="female" name="mf" type="checkbox" value="Female" />
<label for="female">Female</label>
</li>
</ul>
<!-- in this case, I set it at the input level -->
<ul required="required" validationMessage="You must enter a gender2">
<li>
<input id="male2" name="mf2" type="checkbox" value="Male2" required />
<label for="male">Male2</label>
</li>
<li>
<input id="female2" name="mf2" type="checkbox" value="Female2" required />
<label for="female">Female2</label>
</li>
</ul>
<input type="submit" value="submit">
</form>
thanks!
<script type="text/x-kendo-template" id="reportPackageCountTemplate">
<a data-role="listview-link" href="\#listPackageCompanyView?id=#:PackageID#">
Pkg #= PackageID #
<br />
<p id="pctFullGuage#:PackageID#" class"pctFullGuage">test:#= PackageID #</p>
</script>
var dsPackageData = new kendo.data.DataSource({
schema: {
model: PackageData
},
transport: packageDataTransport,
sync: function (e) {
window.app.navigate("#packageListView");
},
error: function (e) {
alert("dsPackageData error: " + e.status + "errorThrown: " + e.errorThrown);
},
change: function (data) {
InitPctFullGauge();
}
});
function InitPctFullGauge() {
var total = dsPackageData.total();
if (total > 1) {
var gaugeConfig = {
pointer: {
value: 1
},
scale: {
min: 1,
max: 100,
vertical: false
}
}
for (var i = 0; i < total; i++) {
editPackageData = dsPackageData.at(i);
gaugeConfig.pointer.value = editPackageData.PercentFull;
$("#pctFullGuage" + editPackageData.PackageID).kendoLinearGauge(gaugeConfig);
}
}
}
using MobileChart_WithDataBind.Models;using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace MobileChart_WithDataBind.Controllers{ public class HomeController : Controller { public ActionResult Index() { var myHist = new List<ChartHist> { new ChartHist() { LoginDateTime = Convert.ToDateTime("2/6/2013 12:00:00"), LoginDuration_Fail = 3, LoginDuration_Pass=2 }, new ChartHist() { LoginDateTime = Convert.ToDateTime("2/5/2013 12:00:00"), LoginDuration_Fail = 4, LoginDuration_Pass=2 }, new ChartHist() { LoginDateTime = Convert.ToDateTime("2/4/2013 12:00:00"), LoginDuration_Fail = 3, LoginDuration_Pass=2 }, new ChartHist() { LoginDateTime = Convert.ToDateTime("2/3/2013 12:00:00"), LoginDuration_Fail = 3, LoginDuration_Pass=2 } }; return View(myHist); } public ActionResult About() { ViewBag.Message = "Your app description page."; return View(); } public ActionResult Contact() { ViewBag.Message = "Your contact page."; return View(); } }}@model IEnumerable<MobileChart_WithDataBind.Models.ChartHist>@{ ViewBag.Title = "Home Page";}@(Html.Kendo().Chart(Model) .Name("chart") .Title("Chart Title") .SeriesDefaults(seriesDefaults => seriesDefaults.Column().Stack(false) ) .Series(series => { series.Column(model => model.LoginDuration_Pass).Name("Passed").Color("Lime"); series.Column(model => model.LoginDuration_Fail).Name("Failed").Color("Red"); }) .CategoryAxis(axis => axis .Categories(model => model.LoginDateTime) .Title("Time of Attempt") .Date() .Labels(labels => labels .DateFormats(formats => formats.Hours("HH:mm")) ) ) .ValueAxis(axis => axis .Numeric().Labels(labels => labels.Format("{0:0.00}")) .Title("Seconds") ) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0} Seconds") ) ) <h2>@ViewBag.Message</h2><p> To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc<;/a>.</p><ul data-role="listview" data-inset="true"> <li data-role="list-divider">Navigation</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li></ul>gListView = $("#listView").kendoListView({ selectable: true, navigatable: true, dataSource: gDrawDataListView, template: kendo.template($("#template").html())});gListView.clearSelection();