or
<
body
>
<
div
id
=
"kub-tabstrip"
>
<
ul
>
<
li
class
=
"k-state-active"
>Willkommen</
li
>
</
ul
>
</
div
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
$("#kub-tabstrip").kendoTabStrip({
contentUrls: [
'/Home/WelcomeDisplay'
]
});
});
</
script
>
<
a
href
=
"#"
onclick
=
"addTab()"
>neuer Tab</
a
>
</
body
>
01.
<
a
href
=
"#"
onclick
=
"addTab()"
>neuer Tab</
a
>
02.
<
script
type
=
"text/javascript"
>
03.
function addTab() {
04.
var tabStrip = $("#kub-tabstrip").kendoTabStrip().data("kendoTabStrip");
05.
tabStrip.append({
06.
text: "neuer Tab",
07.
contentUrl: "/Seminar/Index"
08.
});
09.
var index = tabStrip.tabGroup.children("li").length;
10.
tabStrip.select(index - 1);
11.
}
12.
</
script
>
01.
<!DOCTYPE html>
02.
<
html
lang
=
"de-DE"
>
03.
<
head
>
04.
<
title
></
title
>
05.
<
link
href
=
"Content/kendo/2012.3.1315/kendo.common.min.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
06.
<
link
href
=
"Content/kendo/2012.3.1315/kendo.silver.min.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
07.
<
script
src
=
"Scripts/kendo/2012.3.1315/jquery.min.js"
type
=
"text/javascript"
></
script
>
08.
<
script
src
=
"Scripts/kendo/2012.3.1315/kendo.web.min.js"
type
=
"text/javascript"
></
script
>
09.
<
script
src
=
"Scripts/kendo/2012.3.1315/cultures/kendo.culture.de-DE.min.js"
type
=
"text/javascript"
></
script
>
10.
</
head
>
function
makeChartData(transport, field){
var
chart_data =
new
kendo.data.DataSource({
transport: transport,
group: {
field: field
}
});
return
chart_data;
}
var
chart_data = makeChartData(transport,
"Location_Name"
);
function
createSalesChart() {
return
$(
"#overview-chart"
).height(400).width(490).kendoChart({
dataSource: chart_data,
autoBind:
false
,
seriesDefaults: { type:
"line"
, stack:
false
, missingValues:
"interpolate"
},
series: [
{
field:
"Gross_Total"
,
name:
"Gross Total"
,
categoryField:
"Date"
}
],
categoryAxis: {
field:
"Date"
,
baseUnit:
"days"
,
type:
"date"
,
labels: {
dateFormats: {
days:
"M-d"
},
step: 7
},
},
valueAxis: {
name:
"currency"
,
labels: { format: currency_prefix+
"{0}"
+currency_suffix },
},
legend: { position:
"bottom"
},
tooltip: { visible:
true
, format:
"0"
},
plotArea:{
background:
"#FFF"
}
});
}
$("#DDL1").kendoDropDownList({ dataSource: _urlStates, dataTextField: "attributes.States", dataValueField: "attributes.States" }).data("kendoDropDownList");